@vite([
    'resources/css/dashboard.css',
    'resources/css/cv/info.css',
    'resources/css/cv/edit.css',
    'resources/css/add-button.css',
    'resources/css/success.css',
    'resources/css/cv/add.css',
    'resources/css/cv/popup.css',
    'resources/js/dashboard.js',
    'resources/js/cv/table.js',
    'resources/js/cv/comment.js',
    'resources/js/cv/add.js',
    'resources/js/cv/edit.js',
    'resources/js/success.js',
    'resources/js/cv/add_contact.js',

    'resources/js/success.js',


])
@extends('main')
@section('content')

<div class="content" id="content">
    <div class="d-flex justify-content-between align-items-center border-bottom mb-4 pb-0" style="width: 100%;">
        @include('components.content_header')
        <div class="d-flex align-items-center pb-3">
            <button class="btn btn-clear me-2 clearButton" style="display: none;">
                <i class="bi bi-x fs-5"></i> Effacer
            </button>
            <button class="btn btn-filter me-3">
                <i class="bi bi-funnel"></i> Afficher les Filtres
            </button>
            <div class="border-end me-3" style="height: 40px;"></div>
            @can('cv-add')
            <button class="btn btn-danger border-left" id="addCvBtn">
                <i class="bi bi-plus fs-5" id="addCvButton"></i> Ajouter un CV
            </button>
                @endcan
        </div>
    </div>
    <div class="empty">
        <div class="filter-row row" style="display: none" >
            <div class="col-md-2 me-2  email-filter">
                <input type="text" id="filter-email" class="form-control shadow-none border " placeholder="Email">
            </div>
            <div class="col-md-2  me-2 job-filter">
                <select id="jobFilter" class="form-control " data-live-search="true">
                    <option disabled>Métier</option>
                    <option value="0">Tous</option>
                    @foreach($jobs as $job)
                        <option value="{{ $job->id }}|{{ $job->name }}">{{ $job->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2 me-2 position-filter" id="position-filter">
                <select id="positionFilter" class="form-control selectpicker shadow-none border" data-live-search="true">
                    <option disabled>Fonction</option>

                </select>
            </div>
            <div class="col-md-2  me-2 language-filter">
                <select id="languageFilter" class="form-control  selectpicker" data-live-search="true">
                    <option disabled >Langue</option>
                    <option value="0">Tous</option>
                @foreach($languages as $language)
                        <option value="{{ $language->code }}">{{ $language->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2  me-2 city-filter">
                <select id="cityFilter" class="form-control  selectpicker" data-live-search="true">
                    <option disabled>Ville</option>
                    <option value="0">Tous</option>
                @foreach($cities as $city)
                        <option value="{{ $city->name }}">{{ $city->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2  me-2 date-filter">
                <input type="text" id="datepicker" class="form-control shadow-none border" placeholder="Date">
            </div>
        </div>
    </div>

    @include('dashboard.cv.add')
    @include('dashboard.cv.edit')
    @include('components.success')
    @include('dashboard.cv.contact_form')
    @include('dashboard.cv.info_contact')
    @include('dashboard.cv.table')
    <div class="modal fade" id="commentModal" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="false">
        @include('dashboard.cv.comment')
    </div>

</div>
@endsection
@section('scripts')

    <script>
        var ajaxUrl = "{{ route('cvs.ajax') }}";
        var filePath = "{{ asset('storage/') }}";
        let positionJobRoute = "{{ route('positions.job', ':job_id') }}";
        var deleteUrl = "{{route('cv.destroy',':id')}}";
    </script>

@endsection