@extends('adminlte::page')

@section('title', 'Termene')

@section('content')
    <div class="container-fluid">

        {{-- Filters Card --}}
        <div class="card card-primary mb-3">
            <div class="card-header">
                <h3 class="card-title">Filtrează Termene</h3>
            </div>
            <div class="card-body">
                <form action="/termene" class="form-inline">
                    <div class="form-group mr-2 mb-2">
                        <input type="date" name="data" class="form-control datepicker" @if(isset($data) and $data != '')
                        value="{{  $data }}" @endif
                            placeholder="De la" />
                    </div>

                    <div class="form-group mr-2 mb-2">
                        <input type="date" name="data_sfarsit" class="form-control datepicker" @if(isset($data_sfarsit) and $data_sfarsit != '')
                        value="{{ $data_sfarsit }}" @endif
                            placeholder="Până la" />
                    </div>


                    <div class="form-group mr-2 mb-2">
                        <select name="id_cabinet" class="form-control">
                            <option value="">Selectează cabinet</option>
                            @foreach($cabinete as $cabinet)
                            <option value="{{$cabinet->id}}" @if(isset($id_cabinet) && $id_cabinet==$cabinet->id) selected
                                @endif>
                                {{$cabinet->nume_cabinet}}
                            </option>
                            @endforeach
                        </select>
                    </div>
                    

                    <button type="submit" class="btn btn-primary mr-2 mb-2">Caută</button>
                    {{-- <button type="submit" name="export" class="btn btn-success mb-2">Export</button> --}}
                </form>
            </div>
        </div>

        {{-- Termene Table Card --}}
        <div class="card card-outline card-info">
            <div class="card-header">
                <h3 class="card-title">Lista Termene</h3>
            </div>
            <div class="card-body table-responsive p-0">
                @if($termene->count() > 0)
                    <table class="table table-hover table-striped text-nowrap">
                        <thead>
                            <tr>
                                <th>Client</th>
                                <th>Instanță</th>
                                <th>Număr Dosar</th>
                                <th>Termen</th>
                                <th>Ora</th>
                                <th>Cabinet</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($termene as $termen)
                                <tr>
                                    <td>{{ $termen->nume_client }}</td>
                                    <td>{{ $termen->instanta }}</td>
                                    <td>{{ $termen->numar_dosar }}</td>
                                    <td>
                                        <a href="/contracte/{{ $termen->id_contract }}#informatii_dosar"
                                            class="btn btn-outline-secondary btn-sm">
                                            {{ \Carbon\Carbon::createFromFormat('Y-m-d', $termen->data)->format('d/m/Y') }}
                                        </a>
                                    </td>
                                    <td>{{ \Carbon\Carbon::createFromFormat('H:i:s', $termen->ora)->format('H:i') }}</td>
                                    <td>{{ $termen->nume_cabinet }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <div class="alert alert-warning m-3">
                        Nu există termene după filtrele selectate!
                    </div>
                @endif
            </div>
        </div>

    </div>
@endsection

@section('css')
{{-- Optional: improve datepicker input width --}}
<style>
    .datepicker {
        width: 140px;
    }
</style>
@stop

@section('js')
<script>
    $(document).ready(function () {
        $('.datepicker').datepicker({
            format: 'dd/mm/yyyy',
            autoclose: true,
            todayHighlight: true
        });
    });
</script>
@stop