@extends('adminlte::page')

@section('content')

    <div class="card card-primary card-outline">
        <div class="card-header p-0 border-bottom-0">
            <ul class="nav nav-tabs" id="dosarTabs" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" href="#informatii_dosar" data-toggle="tab">
                        <i class="fas fa-info-circle"></i> Informatii dosar
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="#sedinte" data-toggle="tab">
                        Sedinte
                        <span class="badge badge-info">
                            {{ count($dosar->sedinte) }}
                        </span>
                    </a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="#documente" data-toggle="tab">
                        Documente
                    </a>
                </li>
            </ul>
        </div>

        <div class="card-body">
            <div class="tab-content">

                <div class="tab-pane fade show active" id="informatii_dosar">
                    @include('dosare.vizualizeaza.informatii')
                </div>

                <div class="tab-pane fade" id="sedinte">
                    @include('dosare.vizualizeaza.sedinte')
                </div>

                <div class="tab-pane fade" id="documente">
                    @include('dosare.vizualizeaza.documente')
                </div>

            </div>
        </div>
    </div>

@endsection


@push('js')
    <script src="/js/functii_contracte.js"></script>

    <script>
        $(function () {

            $("#termen_nou").dialog({
                autoOpen: false,
                show: { effect: "blind", duration: 200 },
                hide: { effect: "explode", duration: 500 }
            });

            $('#adauga_termen').on('click', function () {
                $("#termen_nou").dialog("open");
            });

        });
    </script>
@endpush