@extends('employee.app')
@section('title', __('employeeAffairs.employees'))
@section('content')
    <div class="card mb-3">
        <div class="card-body">
            <div class="row flex-between-center">
                <div class="col-md">
                    <h5 class="mb-2 mb-md-0">@lang('employeeAffairs.employees')</h5>
                </div>
                <div class="col-auto">
                    <a type="button" class="btn btn-falcon-info btn-sm " data-bs-toggle="collapse" href="#searchCard"
                        aria-expanded="true" aria-controls="collapseExample"><i class="fas fa-search"></i> </a>
                    <a href="{{ route('employees.index', $entity_id) }}" class="btn btn-falcon-primary btn-sm "
                        role="button"><i class="fa fa-sync"></i></a>
                    <a href="{{ route('employees.create', $entity_id) }}" class="btn btn-success btn-sm"
                        role="button">@lang('form.create') <i class="fa fa-plus"></i></a>
                    <a href="{{ route('emp_home', $entity_id) }}" class="btn btn-secondary btn-sm"
                        role="button">@lang('employeeAffairs.back')
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body pt-0">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="collapse mt-2 {{ array_key_exists('searched', $filteredParameters) ? 'show' : '' }} "
                id="searchCard">
                <div class="card border shadow-none card-body text-muted mb-0">
                    <form action="{{ route('employees.index', $entity_id) }}" method="GET">
                        @csrf
                        <div class="row align-items-end">
                            <div class="alert alert-warning">@lang('employeeAffairs.multi_search')</div>

                            <div class="row mb-2">
                                <div class="col-md-3 mb-2">
                                    <input type="text" name="id" class="form-control" id="id"
                                        value="{{ old('id') }}"
                                        placeholder="@lang('employeeAffairs.search_by')  @lang('student.id')">
                                </div>

                                <div class="col-md-3 mb-2">
                                    <input type="text" name="financial_number" class="form-control" id="financial_number"
                                        value="{{ old('financial_number') }}"
                                        placeholder="@lang('employeeAffairs.search_by')  @lang('employee.financial_number')">
                                </div>


                                <div class="col-md-3 mb-2">
                                    <input type="text" name="name" class="form-control" id="name"
                                        value="{{ old('name') }}" placeholder="@lang('employeeAffairs.search_by')  @lang('employee.name')">
                                </div>

                                <div class="col-md-3 mb-2">
                                    <input type="text" name="father_name" class="form-control" id="father_name"
                                        value="{{ old('father_name') }}"
                                        placeholder="@lang('employeeAffairs.search_by')  @lang('employee.father_name')">
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="surname" class="form-control" id="surname"
                                        value="{{ old('surname') }}" placeholder="@lang('employeeAffairs.search_by')  @lang('employee.surname')">
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="mother_name" class="form-control" id="mother_name"
                                        value="{{ old('mother_name') }}"
                                        placeholder="@lang('employeeAffairs.search_by')  @lang('employee.mother_name')">
                                </div>


                                <div class="col-md-3">
                                    <input type="text" name="birthplace" class="form-control" id="birthplace"
                                        value="{{ old('birthplace') }}"
                                        placeholder="@lang('employeeAffairs.search_by')  @lang('employee.birthplace')">
                                </div>

                                <div class="col-md-3">
                                    <input type="text" name="national_id" class="form-control" id="national_id"
                                        value="{{ old('national_id') }}"
                                        placeholder="@lang('employeeAffairs.search_by')  @lang('employee.national_id')">
                                </div>

                            </div>

                            <div class="row mb-2">
                                <div class="col-md-3">
                                    <input type="text" name="salary" class="form-control" id="salary"
                                        value="{{ old('salary') }}" placeholder="@lang('employeeAffairs.search_by') @lang('employee.salary')">
                                </div>
                              

                                <div class="col-md-3">
                                    <input type="number" name="graduation_year" class="form-control"
                                        id="graduation_year" placeholder="@lang('employeeAffairs.search_by') @lang('employee.graduation_year')"
                                        value="{{ old('graduation_year') }}">
                                </div>

                                <div class="col-md-3 ">
                                    <input type="text" name="commune" class="form-control" id="commune"
                                        value="{{ old('commune') }}" placeholder="@lang('employeeAffairs.search_by') @lang('employee.commune')">
                                </div>
                               

                              
                            </div>

                            <div class="row mb-2">


                                <div class="col-md-3">
                                    <select name="component_id" id="component_id" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.component')</option>
                                        @foreach ($components as $component)
                                            <option value="{{ $component->id }}">{{ $component->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <select name="native_language_id" id="native_language_id" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.language')</option>
                                        @foreach ($languages as $language)
                                            <option value="{{ $language->id }}">{{ $language->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <select name="religion_id" id="religion_id" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.religion')</option>
                                        @foreach ($religions as $religion)
                                            <option value="{{ $religion->id }}">{{ $religion->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <select name="qualification_id" id="qualification_id" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.qualification')</option>
                                        @foreach ($qualifications as $qualification)
                                            <option value="{{ $qualification->id }}">{{ $qualification->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-md-3">
                                    <select name="gender" id="gender" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.gender')</option>
                                        <option value="male">@lang('employee.male')</option>
                                        <option value="female">@lang('employee.female')</option>
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <select name="blood_type" id="blood_type" class="form-select">
                                        <option value="" selected disabled>@lang('employeeAffairs.search_by') @lang('employee.blood_type')
                                        </option>
                                        <option value="O−">O−</option>
                                        <option value="O+">O+</option>
                                        <option value="A−">A−</option>
                                        <option value="A+">A+</option>
                                        <option value="B−">B−</option>
                                        <option value="B+">B+</option>
                                        <option value="AB−">AB−</option>
                                        <option value="AB+">AB+</option>
                                    </select>
                                </div>

                                

                                <div class="col-md-3">
                                    <select name="category" id="category" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.category')</option>
                                        <option value="first">@lang('employee.first')</option>
                                        <option value="second">@lang('employee.second')</option>
                                        <option value="third">@lang('employee.third')</option>
                                        <option value="fourth">@lang('employee.fourth')</option>
                                        <option value="fifth">@lang('employee.fifth')</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <select name="grade" id="grade" class="form-select">
                                        <option value="" selected disabled>@lang('employeeAffairs.search_by') @lang('employee.grade')
                                        </option>
                                        <option value="first">@lang('employee.first')</option>
                                        <option value="second">@lang('employee.second')</option>
                                        <option value="third">@lang('employee.third')</option>
                                        <option value="fourth">@lang('employee.fourth')</option>
                                        <option value="fifth">@lang('employee.fifth')</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row mb-2">

                                <div class="col-md-3">
                                    <select name="contract_type_id" id="contract_type_id" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.contract_type')</option>
                                        @foreach ($contractTypes as $contractType)
                                            <option value="{{ $contractType->id }}"
                                                data-permanent="{{ $contractType->permanent ? 'true' : 'false' }}">
                                                {{ $contractType->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <select name="status_id" id="status_id" class="form-select">
                                        <option value="" selected disabled>@lang('employeeAffairs.search_by') @lang('employee.status')
                                        </option>
                                        @foreach ($statuses as $status)
                                            <option value="{{ $status->id }}">{{ $status->name }}</option>
                                        @endforeach
                                    </select>
                                </div>


                                <div class="col-md-3">
                                    <select name="job_title_id" id="job_title_id" class="form-select">
                                        <option value="" selected disabled>@lang('employeeAffairs.search_by') @lang('employee.job_title')
                                        </option>
                                        @foreach ($jobTitles as $jobTitle)
                                            <option value="{{ $jobTitle->id }}">{{ $jobTitle->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                               
                                <div class="col-md-3">
                                    <select name="job_status_id" id="job_status_id" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.job_status')</option>
                                        @foreach ($jobStatuses as $jobStatus)
                                            <option value="{{ $jobStatus->id }}">{{ $jobStatus->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                               
                            </div>

                            <div class="row mb-2">
                                <div class="col-md-3">
                                    <select name="martyr_family" id="martyr_family" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.martyr_family')</option>
                                        <option value="1">@lang('employeeAffairs.true')</option>
                                        <option value="0">@lang('employeeAffairs.false')</option>
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <select name="marital_status" id="marital_status" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.marital_status')</option>
                                        <option value="married">@lang('employee.married')</option>
                                        <option value="single">@lang('employee.single')</option>
                                        <option value="divorced">@lang('employee.divorced')</option>
                                        <option value="widowed">@lang('employee.widowed')</option>
                                    </select>
                                </div>

                                <div class="col-md-3 ">
                                    <input type="text" name="tribe" class="form-control" id="tribe"
                                        value="{{ old('tribe') }}" placeholder="@lang('employeeAffairs.search_by') @lang('employee.tribe')">
                                </div>

                                <div class="col-md-3">
                                    <select name="shared_teacher" id="shared_teacher" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.shared_teacher')</option>
                                        <option value="1">@lang('employeeAffairs.true')</option>
                                        <option value="0">@lang('employeeAffairs.false')</option>
                                    </select>
                                </div>

                                <div class="col-md-3">
                                    <select name="self_defense_duty" id="self_defense_duty" class="form-select">
                                        <option selected disabled>@lang('employeeAffairs.search_by') @lang('employee.self_defense_duty')</option>
                                        <option value="required">@lang('employee.required')</option>
                                        <option value="not_required">@lang('employee.not_required')</option>
                                        <option value="exempt">@lang('employee.exempt')</option>
                                        <option value="duty_fulfilled">@lang('employee.duty_fulfilled')</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row mt-2">
                                <div class="col-md-3">
                                    <label for="birthdate" class="text-danger">@lang('employeeAffairs.from_birthdate')</label>
                                    <input type="date" name="from_birthdate" class="form-control" id="from_birthdate"
                                        value="{{ old('birthdate') }}">
                                </div>

                                <div class="col-md-3 ">
                                    <label for="first_appointment_date" class="text-primary"> @lang('employeeAffairs.from_first_appointment_date')</label>
                                    <input type="date" name="from_first_appointment_date" class="form-control"
                                        id="from_first_appointment_date" value="{{ old('first_appointment_date') }}">
                                </div>

                                <div class="col-md-3">
                                    <label for="start_date" class="text-success"> @lang('employeeAffairs.from_start_date')</label>
                                    <input type="date" name="from_start_date" class="form-control"
                                        id="from_start_date" value="{{ old('start_date') }}" placeholder="">
                                </div>

                                <div class="col-md-3">
                                    <label for="appointment_date" class="text-warning">@lang('employeeAffairs.from_appointment_date')</label>
                                    <input type="date" name="from_appointment_date" class="form-control"
                                        id="from_appointment_date" value="{{ old('appointment_date') }}">
                                </div>

                            </div>

                            <div class="row mt-2">
                                <div class="col-md-3">
                                    <label for="birthdate" class="text-danger"> @lang('employeeAffairs.to_birthdate')</label>
                                    <input type="date" name="to_birthdate" class="form-control" id="to_birthdate"
                                        value="{{ old('birthdate') }}">
                                </div>

                                <div class="col-md-3 ">
                                    <label for="first_appointment_date" class="text-primary"> @lang('employeeAffairs.to_first_appointment_date')</label>
                                    <input type="date" name="to_first_appointment_date" class="form-control"
                                        id="to_first_appointment_date" value="{{ old('first_appointment_date') }}">
                                </div>

                                <div class="col-md-3">
                                    <label for="start_date" class="text-success"> @lang('employeeAffairs.to_start_date')</label>
                                    <input type="date" name="to_start_date" class="form-control" id="to_start_date"
                                        value="{{ old('start_date') }}" placeholder="">
                                </div>

                                <div class="col-md-3">
                                    <label for="appointment_date" class="text-warning">@lang('employeeAffairs.to_appointment_date')</label>
                                    <input type="date" name="to_appointment_date" class="form-control"
                                        id="to_appointment_date" value="{{ old('appointment_date') }}">
                                </div>

                            </div>

                            <div class="mb-2 row mt-2">
                                <div class="text-center">
                                    <input type="submit" class="btn btn-primary w-25" name="searched"
                                        value="@lang('student.search')"></input>
                                    <a class="btn btn-warning  w-25" href="{{ url()->current() }}">@lang('employeeAffairs.default')</a>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
            <div class="tab-content">
                <div class="tab-pane preview-tab-pane active show " role="tabpanel">
                    <div class="table-responsive scrollbar ">
                        <table class="table table-hover table-striped overflow-hidden">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">@lang('employeeAffairs.name')</th>
                                    {{-- <th scope="col">@lang('employeeAffairs.financial_number')</th> --}}
                                    <th scope="col">@lang('employeeAffairs.employee_code')</th>
                                    <th cope="col">@lang('employeeAffairs.actions')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($employees as $employee)
                                    <tr class="align-middle">
                                        <td class="text-nowrap">{{ $employee->id }}</td>
                                        <td class="text-nowrap">{{ $employee->fullName() }}</td>
                                        {{-- <td class="text-nowrap">{{ $employee->financial_number }}</td> --}}
                                        <td class="text-nowrap">{{ $employee->employee_code }}</td>
                                        <td>
                                            <a href="{{ route('employees.edit', $employee->id) }}"
                                                class="btn btn-falcon-primary" title="@lang('student.edit')"><i
                                                    class="fa fa-edit"></i></a>
                                            <a href="{{ route('employees.show', $employee->id) }}"
                                                class="btn btn-falcon-danger" title="@lang('student.view')"><i
                                                    class="fa fa-trash"></i></a>
                                            <a href="{{ route('employess.print', $employee) }}"
                                                class="btn btn-falcon-success" title="@lang('student.print')"><i
                                                    class="fas fa-print"></i></a>

                                            <button class="btn dropdown-toggle btn-info" type="button"
                                                data-bs-toggle="dropdown" aria-haspopup="true"
                                                aria-expanded="false">@lang('employeeAffairs.affairs') <i
                                                    class="fas fa-arrow-down"></i></button>
                                            <div class="dropdown-menu">
                                                @can('Absence')
                                                    <a class="dropdown-item"
                                                        href="{{ route('absences.index', $employee) }}">@lang('employeeAffairs.absences')</a>
                                                @endcan
                                                @can('Penalty')
                                                    <a class="dropdown-item"
                                                        href="{{ route('penalties.index', $employee) }}">@lang('employeeAffairs.penalties')</a>
                                                @endcan
                                                @can('Leave')
                                                    <a class="dropdown-item"
                                                        href="{{ route('leaves.index', $employee) }}">@lang('employeeAffairs.leaves')</a>
                                                @endcan
                                                @can('Reward')
                                                    <a class="dropdown-item"
                                                        href="{{ route('rewards.index', $employee) }}">@lang('employeeAffairs.rewards')</a>
                                                @endcan
                                                <a class="dropdown-item"
                                                    href="{{ route('employee_logs', $employee->id) }}">@lang('employeeAffairs.logs')</a>
                                                <a class="dropdown-item"
                                                    href="{{ route('employees.attachments.index', $employee->id) }}">@lang('employeeAffairs.manage_employee_attachments')</a>
                                            </div>
                                            </form>
                                        </td>
                                    </tr>

                                @empty
                                    <tr class="text-center">
                                        <td colspan="8" class="text-danger">@lang('general.no_result')</td>
                                    </tr>
                                @endforelse

                            </tbody>
                        </table>
                    </div>
                    <div class="d-flex">
                        {!! $employees->links() !!}
                    </div>
                </div>

            </div>
        </div>
    </div>       
    <script>
        const filteredParameters = @json($filteredParameters);

        Object.keys(filteredParameters).forEach((key) => {
            const element = document.getElementById(key);

            if (element) {
                element.classList.add('border-primary');
                if (['INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName)) {
                    element.value = filteredParameters[key];
                }
            }
        });
    </script>
@endsection