@extends('layouts.app')
@push('datatable-styles')
    @include('sections.datatable_css')
@endpush

@push('datatable-styles')
    @include('sections.datatable_css')
@endpush
@section('content')
    <div class="content-wrapper">
        <div class="d-block d-lg-flex d-md-flex justify-content-between action-bar">
            <div>
                <a href="{{route("give_a_gifts.create")}}" class="btn btn-primary f-14 btn-active" data-toggle="tooltip"
                   data-original-title="@lang('modules.leaves.tableView')"><i class="fas fa-solid fa-plus"></i> {{__("app.create")}}</a>
            </div>

            <form id="filterForm" action="{{ route('give_a_gifts.index') }}" method="get">
                <div class="d-flex">
                    <x-forms.select id="gift" fieldId="gift" fieldName="gift" search="true" class="mr-2">
                        <option value="" selected disabled>{{__('Filter By Gift')}}</option>

                        @foreach($gifts as $gift)
                            @if($filterGift == $gift->id)
                                <option value="{{$gift->id}}" selected>{{ App::getLocale() == 'en' ? $gift->name_en : $gift->name_ar}}</option>
                            @else
                                <option value="{{$gift->id}}">{{ App::getLocale() == 'en' ? $gift->name_en : $gift->name_ar}}</option>
                            @endif
                        @endforeach

                    </x-forms.select>

                    <x-forms.select id="client" fieldId="client" fieldName="client" search="true" class="mr-2">
                        <option value="" selected disabled>{{__('Filter By Client')}}</option>
                        @foreach($clients as $client)