@extends('adminlte::page')

@section('content')
    <div class="container-fluid">
        {{-- Page Header --}}
        <div class="row mb-3">
            <div class="col-12">
                <h1 class="h3 text-dark">Situație contracte</h1>
            </div>
        </div>

        {{-- Form Card --}}
        <div class="row">
            <div class="col-12">
                <div class="card card-primary shadow-sm">
                    <div class="card-header">
                        <h3 class="card-title">Filtrează contractele</h3>
                    </div>
                    <div class="card-body">
                        <form action="/contabilitate/situatie-contracte" method="POST" enctype="multipart/form-data"
                            class="row g-3 align-items-end">
                            @csrf

                            <div class="col-md-4">
                                <label for="id_cabinet" class="form-label">Cabinet</label>
                                <select name="id_cabinet" class="form-control" id="id_cabinet">
                                    <option value="">Selectează cabinet</option>
                                    @foreach($cabinete as $cabinet)
                                        <option value="{{ $cabinet->id }}">{{ $cabinet->nume_cabinet }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3">
                                <label for="de_la" class="form-label">De la</label>
                                <input type="date" name="de_la" class="form-control datepicker" id="de_la"
                                    placeholder="dd/mm/yyyy">
                            </div>

                            <div class="col-md-3">
                                <label for="pana_la" class="form-label">Până la</label>
                                <input type="date" name="pana_la" class="form-control datepicker" id="pana_la"
                                    placeholder="dd/mm/yyyy">
                            </div>

                            <div class="col-md-2">
                                <button type="submit" class="btn btn-info w-100">Export</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection