@extends('main.main_back')
@php
    if($item){
        $value_id = $item->id;
        $employee_id = $item->id;
        $user_id = $item->user_id;
        $matricule = $item->em_matricule;
        $gender = $item->em_gender;
        $name = $item->em_name;
        $phone = $item->em_phone;
        $address = $item->em_address;
        $birth = $item->em_birth;
        $birth_place = $item->em_place_birth;
        $salary = $item->em_salary;
        $no_account = $item->no_account_bank;
        $key_account = $item->key_account_bank;
        $doc = $item->em_doc;
        $num_doc = $item->em_num_doc;
        $status = $item->em_status;
        $agency = isset($item->agency) ? $item->agency->ag_name : "";
        $admin = nameUser($item->user_id) ?? "";
        $post = isset($item->post) ? $item->post->po_name : "" ;
        $date_reg = $item->created_at;
        $image_doc = $item->em_image_doc;
        $doc_date_exp = $item->em_doc_date_exp;
        $libelle = isset($item->folder) ? $item->folder->label : null;
        $file = isset($item->folder) ? $item->folder->file : null;
        $documents = isset($item->documents) ? $item->documents : [];
        $loans = isset($item->loans) ? $item->loans : [];
        $salariesPay = isset($item->salariesPay) ? $item->salariesPay : [];
        $role_id = roleId($user_id);
        $role = $item->user->role ?? null;
        $no_intern = $item->em_no_intern;
        $no_nui = $item->em_nui;
        $no_cnps = $item->em_no_cnps;
        $service = $item->em_service;
        $ration = $item->em_ration;
    }
@endphp
@section('style-up')
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet">
@endsection
@section('title')
    Informations de {{ $name }}
@endsection

@section('pagination')
    {{ $name }}
@endsection

@section('content')
<div class="row page-titles">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('get.backend.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item"><a href="{{ route('get.backend.list.employee') }}">Liste</a></li>
        <li class="breadcrumb-item active"><a href="javascript:void(0)">Informations de {{ $name }} </a></li>
    </ol>
</div>
<div class="d-flex align-items-center mb-4 flex-wrap justify-content-between">
    <a href="javascript:voiud(0);">
        <div class="card p-3 me-2 mb-0 filter">
            <i class="flaticon-381-user"></i>
        </div>
    </a>
    <a class="btn btn-primary btn-sm" href="{{ route('get.backend.list.employee') }}">
        Liste
    </a>
</div>
<!-- row -->
<div class="row">
    <div class="col-lg-12">
        <div class="profile card card-body px-3 pt-3 pb-0">
            <div class="profile-head">

                <div class="profile-info">
                    <div class="profile-details">
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ $name }}</h4>
                            <h5>{{ $phone }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ $gender }}</h4>
                            <h5>{{ $address }}</h5>
                        </div>
                        <div class="profile-name px-3 pt-2">
                            <h4 class="text-primary mb-0">{{ convert_amount($salary) }}</h4>
                            <h5>{{ $post }}</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <div class="profile-tab">
                    <div class="custom-tab-1">
                        <ul class="nav nav-tabs">
                            <li class="nav-item"><a href="#infosAll" data-bs-toggle="tab" class="nav-link active show">Informations</a>
                            </li>
                            <li class="nav-item"><a href="#HistoriQue" data-bs-toggle="tab" class="nav-link">HistoriQue Salariale</a>
                            </li>
                            <li class="nav-item"><a href="#loans" data-bs-toggle="tab" class="nav-link">Prêts</a>
                            </li>
                            <li class="nav-item"><a href="#documents" data-bs-toggle="tab" class="nav-link">Documents</a>
                            </li>
                            @if(!is_null($user_id))
                            <li class="nav-item"><a href="#permissions_app" data-bs-toggle="tab" class="nav-link">Permissions App</a>
                            </li>
                            @endif
                            <li class="nav-item"><a href="#infos" data-bs-toggle="tab" class="nav-link">Editer</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div id="infosAll" class="tab-pane fade active show">
                                <div class="profile-personal-info">
                                    <h4 class="text-primary mb-4 mt-4">Details des Informations</h4>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Sexe <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $gender }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Matricule <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $matricule }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Nom Complet <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $name }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">N° Téléphone <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $phone }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Date de Naiss... <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $birth }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Lieu de Naiss... <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $birth_place }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Adresse <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $address }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Poste <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $post }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">No Compte <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $no_account }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Clé Compte <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $key_account }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">No Interne <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $no_intern }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">NUI <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $no_nui }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">No Cnps <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $no_cnps }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Ration <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $ration }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Service <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $service }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Agence <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $agency }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Document <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $doc }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">No Document <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $num_doc }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Date d'expiration <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $doc_date_exp }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Libelle Dossier <span class="pull-end">:</span>
                                                    </h5>
                                                </div>
                                                <div class="col-sm-9 col-7">
                                                    <span>{{ $libelle }}</span>
                                                    <span><a class="badge badge-dark" href="{{ $file }}" download="{{ "file_folder" }}">Fichier</a></span>
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Enregistré le <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7"><span>{{ $date_reg }}</span>
                                                </div>
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-sm-3 col-5">
                                                    <h5 class="f-w-500">Aperçu Doc... <span class="pull-end">:</span></h5>
                                                </div>
                                                <div class="col-sm-9 col-7">
                                                    @if (!is_null($image_doc))
                                                        <img id="preview_img" src="{{ asset($image_doc) }}" alt="Image Preview" style="width: 300px; height: 150px;">
                                                    @else
                                                        Aucune Aperçu
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="HistoriQue" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">HistoriQues salariales</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form id="add_pay_salary_form" method="post" action="{{ route('post.backend.add.pay.salary',$employee_id) }}" onsubmit="SendDataAnimation(event,'add_pay_salary_form')">
                                                <div class="row">
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Sélectionner le Mois<span class="text-danger">*</span></label>
                                                        @php
                                                            $months = getMonths();
                                                            $currentMonth = strtolower(date('F'));
                                                            $amount_pay = getSalaryMonth($currentMonth,$employee_id);
                                                            $account_salary = $salary - $amount_pay;
                                                            $no_days = 30;
                                                            $base = getAmountBase($no_days,$salary);
                                                            //dd($salary);
                                                        @endphp
                                                        <select class="form-control select2" name="month" onchange="getAmountSalary(this.value)">
                                                            @if(isset($months) && count($months) > 0)
                                                                @foreach ($months as $value)
                                                                    <option value="{{ $value }}" {{ $value == $currentMonth ? "selected" : "" }}>
                                                                        {{-- {{ mb_strtoupper($value) }} --}}
                                                                        {{ mb_strtoupper(getFrenchMonthName($value)) }}
                                                                    </option>
                                                                @endforeach
                                                            @endif
                                                        </select>

                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Salaire (Mois)<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="pay_month" id="pay_month" value="{{ $amount_pay }}">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Nombre de jours<span class="text-danger">*</span></label>
                                                        <select class="number_days select2" name="number_days" class="form-control" id="number_days" onchange="getAmountSalaryDay(this.value)">
                                                            @for ($i = 1; $i <= $no_days; $i++)
                                                                <option value="{{ $i }}" {{ $i == $no_days ? 'selected' : '' }}>{{ $i }}</option>
                                                            @endfor
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Salaire (Jours Travaillés)<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="pay_days" id="pay_days" placeholder="0" value="{{ $base }}">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Accompte Sur salaire<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="advance_pay" id="advance_pay" value="{{ $account_salary }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Ration<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="ration_pay" id="ration_pay" value="{{ $ration }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">IRPP<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="irpp_pay" id="irpp_pay" value="{{ 0 }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Taux CAC en %<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="cac_percent" id="cac_percent" value="{{ 10 }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Heure supplémentaire<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="hours_pay" id="hours_pay" value="{{ 0 }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Primes<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="prime_pay" id="prime_pay" value="{{ 0 }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Indemnités<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="compensation_pay" id="compensation_pay" value="{{ 0 }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Avantages en Nature<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="advantage_pay" id="advantage_pay" value="{{ 0 }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Taux PV en %<span class="text-danger">*</span></label>
                                                        <input type="text" class="form-control" name="pv_percent" id="pv_percent" value="{{ 4.2 }}" placeholder="0">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Mode<span class="text-danger">*</span></label>
                                                        <select name="mode_pay" id="mode_pay" class="form-control select2">
                                                            <option value="espèces">espèces</option>
                                                            <option value="Virement">Virement</option>
                                                            <option value="chèque">chèque</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-12 mb-4">
                                                        <button type="submit" class="btn btn-primary btn_submit mt-3">Enregistrer</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="table-responsive">
                                            <table id="example4" class="display" style="min-width: 845px">
                                                <thead>
                                                    <tr>
                                                        <th>No</th>
                                                        <th>code</th>
                                                        <th>Mode</th>
                                                        <th>Montant</th>
                                                        <th>Mois</th>
                                                        <th>Admin</th>
                                                        <th>Date Reg</th>
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @isset($salariesPay)
                                                    @foreach($salariesPay as $key => $value)
                                                    @php
                                                        $value_id = $value->id;
                                                        $code = $value->code;
                                                        $month = $value->month;
                                                        $month_name_fr = getFrenchMonthName($month);
                                                        $mode = $value->mode_pay;
                                                        $pay_days = $value->pay_days;
                                                        $year = $value->year;
                                                        $advance = $value->advance;
                                                        $ration = $value->ration_pay;
                                                        $date_reg = $value->created_at;
                                                        $admin = nameUser($value->user_id);
                                                    @endphp
                                                    <tr id="row_line{{ $value_id }}">
                                                        <td>{{ $key+1 }}</td>
                                                        <td>{{ $code }}</td>
                                                        <td>{{ $mode }}</td>
                                                        <td>{{ convert_amount_v2($pay_days) }}</td>
                                                        <td>{{ $month_name_fr }} / {{ $year }}</td>
                                                        <td>{{ $admin }}</td>
                                                        <td>{{ $date_reg }}</td>
                                                        <td>
                                                            <div class="dropdown dropend">
                                                                <a href="javascript:void(0);" class="btn-link" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                        <path d="M11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                                        <path d="M18 12C18 12.5523 18.4477 13 19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12Z" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                                        <path d="M4 12C4 12.5523 4.44772 13 5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12Z" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                                    </svg>
                                                                </a>
                                                                <div class="dropdown-menu">
                                                                    <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modal_salary_pay{{ $code }}" href="javascript:void(0);">Détails</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <div class="modal fade" id="modal_salary_pay{{ $code }}">
                                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title">{{ $code }}</h5>
                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <ul class="list-group mb-3">
                                                                        <li class="list-group-item d-flex justify-content-between lh-condensed">
                                                                            <div>
                                                                                <h6 class="my-0">Accompte sur salaire</h6>
                                                                            </div>
                                                                            <span class="text-muted">{{ convert_amount_v2($advance) }}</span>
                                                                        </li>
                                                                        <li class="list-group-item d-flex justify-content-between lh-condensed">
                                                                            <div>
                                                                                <h6 class="my-0">Rations</h6>
                                                                            </div>
                                                                            <span class="text-muted">{{ convert_amount_v2($ration) }}</span>
                                                                        </li>
                                                                        <li class="list-group-item d-flex justify-content-between lh-condensed">
                                                                            <div>
                                                                                <h6 class="my-0">Salaire Net</h6>
                                                                            </div>
                                                                            <span class="text-muted">{{ convert_amount_v2($pay_days) }}</span>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-danger light btn-sm" data-bs-dismiss="modal">Close</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endisset
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="loans" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Prêts</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="example4" class="display" style="min-width: 845px">
                                                <thead>
                                                    <tr>
                                                        <th>No</th>
                                                        <th>Raison</th>
                                                        <th>Montant</th>
                                                        <th>Reste</th>
                                                        <th>Tranche</th>
                                                        <th>Lien au salaire ?</th>
                                                        <th>Remboursé ?</th>
                                                        <th>Admin</th>
                                                        <th>Date Reg</th>
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @isset($loans)
                                                    @foreach($loans as $key => $value)
                                                    @php
                                                        $value_id = $value->id;
                                                        $reason = $value->reason;
                                                        $amount = $value->amount;
                                                        $balance = $value->balance;
                                                        $installment = $value->installment;
                                                        $status = $value->status_loan;
                                                        $status_salary = $value->salary;
                                                        $date_reg = $value->created_at;
                                                        $admin = nameUser($value->user_id);
                                                        $loanPayment = isset($value->loanPayment) ? $value->loanPayment : null;
                                                    @endphp
                                                    <tr id="row_line{{ $value_id }}">
                                                        <td>{{ $key+1 }}</td>
                                                        <td>{{ $reason }}</td>
                                                        <td>
                                                            {{ convert_amount_v2($amount) }}
                                                        </td>
                                                        <td>{{ convert_amount_v2($balance) }}</td>
                                                        <td>{{ $installment }}</td>
                                                        <td>
                                                            @if ($status_salary == 1)
                                                                <span class="badge badge-success">Oui</span>
                                                            @else
                                                                <span class="badge badge-dark">Non</span>
                                                            @endif
                                                        </td>
                                                        <td>
                                                            @if($status_salary == 0)
                                                                @if ($status == 1)
                                                                    <span class="badge badge-success">Oui</span>
                                                                @else
                                                                    <span class="badge badge-danger">Non</span>
                                                                @endif
                                                            @else
                                                            <span class="badge badge-dark">Ras</span>
                                                            @endif
                                                        </td>
                                                        <td>{{ $admin }}</td>
                                                        <td>{{ $date_reg }}</td>
                                                        <td>
                                                            <div class="dropdown dropend">
                                                                <a href="javascript:void(0);" class="btn-link" data-bs-toggle="dropdown" aria-expanded="false">
                                                                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                                        <path d="M11 12C11 12.5523 11.4477 13 12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12Z" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                                        <path d="M18 12C18 12.5523 18.4477 13 19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12Z" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                                        <path d="M4 12C4 12.5523 4.44772 13 5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12Z" stroke="#262626" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                                    </svg>
                                                                </a>
                                                                <div class="dropdown-menu">
                                                                    <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modal_loan_payment{{ $value_id }}" href="javascript:void(0);">Détails versement</a>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <div class="modal fade" id="modal_loan_payment{{ $value_id }}">
                                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title">Détails des versements</h5>
                                                                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <ul class="list-group mb-3">
                                                                        @php
                                                                            $payments = is_null($loanPayment) ? [] : json_decode($loanPayment->installment_details, true);
                                                                            $reste = is_null($loanPayment) ? 0 : $loanPayment->amount;
                                                                            //dd($payments);
                                                                        @endphp
                                                                        @if (!empty($payments))
                                                                            @foreach ($payments as $payment)
                                                                                <li class="list-group-item d-flex justify-content-between lh-condensed">
                                                                                    <div>
                                                                                        <h6 class="my-0">Tranche {{ $payment['installment_number'] }}</h6>
                                                                                    </div>
                                                                                    <span class="text-muted">{{ convert_amount_v2($payment['amount']) }}</span>
                                                                                </li>
                                                                            @endforeach
                                                                                <li class="list-group-item d-flex justify-content-between lh-condensed">
                                                                                    <div>
                                                                                        <h4 class="my-0">Montant Total</h4>
                                                                                    </div>
                                                                                    <span class="text-muted">{{ convert_amount_v2($reste) }}</span>
                                                                                </li>
                                                                            @else
                                                                                <h4 class="text-center my-2">Aucun versement disponible</h4>
                                                                        @endif
                                                                    </ul>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-danger light btn-sm" data-bs-dismiss="modal">Close</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                    @endisset
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if(!is_null($user_id))
                            <div id="permissions_app" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Attribuer les permissions de l'application: {{ $role->name ?? null }}</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form id="add_permissions_form" method="post" action="{{ route('post.backend.add.permission.user',[$role_id,$user_id]) }}" onsubmit="SendDataAnimation(event,'add_permissions_form')">
                                                <div class="row">
                                                    <div class="table-responsive">
                                                        <table class="table table-flush-spacing">
                                                            <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <div class="form-check">
                                                                            <input class="form-check-input form-check-all" type="checkbox" id="checkAll_Input" autocomplete="off"
                                                                            {{ isset($role) && isset($permissions) && count($permissions) == $role->permissions->count() ? 'checked' : '' }}/>
                                                                            <label class="form-check-label" for="checkAll_Input">
                                                                                All Access
                                                                            </label>
                                                                        </div>
                                                                    </td>
                                                                </tr>

                                                                <tr>
                                                                    <td>
                                                                        <div class="d-flex flex-row flex-wrap">
                                                                            @isset($permissions)
                                                                            @foreach($permissions as $key => $value)
                                                                            @php
                                                                                $value_id = $value->id;
                                                                                $label = $value->name;
                                                                                $checked = $role->hasPermissionTo($label);
                                                                            @endphp
                                                                            <div class="form-check me-3 me-lg-5" style="width:180px;font-size:14px">
                                                                                <input class="form-check-input form-check-input_per" type="checkbox" id="permission{{ $value_id }}" name="permission[]" value="{{ $label }}" autocomplete="off" {{ $checked ? "checked" : "" }}>
                                                                                <label class="form-check-label" for="permission{{ $value_id }}">
                                                                                    {{ $label }}
                                                                                </label>
                                                                            </div>
                                                                            @endforeach
                                                                            @endisset
                                                                        </div>
                                                                    </td>
                                                                </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                    <div class="col-sm-12 mb-4">
                                                        <button type="submit" class="btn btn-primary btn_submit mt-3">Enregistrer</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif
                            <div id="documents" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Documents</h4>
                                        <a href="javascript:void(0)" class="btn btn-primary" id="add_documents">Ajouter</a>
                                    </div>
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form id="add_documents_form" method="post" action="{{ route('post.backend.add.document.employee',$item->id) }}" onsubmit="SendDataAnimation(event,'add_documents_form')">
                                                <div class="row">
                                                    <div id="container_all_doc">
                                                        <div class="row container_documents" id="container_documents">
                                                            <div class="col-sm-5 mb-3">
                                                                <label class="form-label">Libellé</label>
                                                                <input type="text" class="form-control" name="label[]" id="label" placeholder="DEMANDE D'EXPLICATION">
                                                            </div>
                                                            <div class="col-sm-5 mb-3">
                                                                <label class="form-label">Fichier</label>
                                                                <input type="file" class="form-control" name="file_folder[]" id="file_folder" accept=".pdf,.docx">
                                                            </div>
                                                            <div class="col-sm-2 mt-5">
                                                                <button class="badge badge-danger btn-remove-document" id="btn-remove-document" style="display: none;">Supprimer</button>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-12 mb-4">
                                                        <button type="submit" class="btn btn-primary btn_submit mt-3">Enregistrer</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                        <div class="table-responsive">
                                            <table id="example4" class="display" style="min-width: 845px">
                                                <thead>
                                                    <tr>
                                                        <th>No</th>
                                                        <th>Libelle</th>
                                                        <th>Documents</th>
                                                        <th>Admin</th>
                                                        <th>Date Reg</th>
                                                        <th>Actions</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @isset($documents)
                                                    @foreach($documents as $key => $value)
                                                    @php
                                                        $value_id = $value->id;
                                                        $label = $value->label;
                                                        $document = $value->document;
                                                        $date_reg = $value->created_at;
                                                        $admin = nameUser($value->user_id);
                                                    @endphp
                                                    <tr id="row_line{{ $value_id }}">
                                                        <td>{{ $key+1 }}</td>
                                                        <td>{{ $label }}</td>
                                                        <td>
                                                            <a class="badge badge-dark" href="{{ $file }}" download="{{ $label }}">document</a>
                                                        </td>
                                                        <td>{{ $admin }}</td>
                                                        <td>{{ $date_reg }}</td>
                                                        <td>
                                                            <a class="dropdown-item" href="javascript:void(0);" onclick="deleteRows(event,'{{ $value_id }}','{{ 'Ce Document' }}','{{ route('get.backend.delete.document.employee', $value_id) }}')">Supprimer</a>
                                                        </td>

                                                    </tr>
                                                    @endforeach
                                                    @endisset
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="infos" class="tab-pane fade">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Modification des informations de {{ $name }}</h4>
                                    </div>
                                    <div class="card-body">
                                        <div class="basic-form">
                                            <form id="add_employee" method="post" action="{{ route('post.backend.edit.employee',$item->id) }}" onsubmit="SendDataAnimation(event,'add_employee')">
                                                <div class="row">
                                                    <div class="col-sm-12 mb-3">
                                                        <label class="form-label">Genre</label>
                                                        <div class="col-md-2 d-flex align-items-center justify-content-between pt-3">
                                                            <div class="form-check custom-checkbox mb-3">
                                                                <input type="radio" class="form-check-input" value="MASCULIN" id="customCheckBox5" name="gender" {{ $item->em_gender == "MASCULIN" ? "checked" : "" }}>
                                                                <label class="form-check-label" for="customCheckBox5">MASCULIN</label>
                                                            </div>
                                                            <div class="form-check custom-checkbox mb-3">
                                                                <input type="radio" class="form-check-input" value="FEMININ" id="customCheckBox6" name="gender" {{ $item->em_gender == "FEMININ" ? "checked" : "" }}>
                                                                <label class="form-check-label" for="customCheckBox6">FEMININ</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label">Nom</label>
                                                        <input type="text" class="form-control" id="last_name" name="last_name" placeholder="MMMR" value="{{ $item->em_last_name }}">
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label">Prénom</label>
                                                        <input type="text" class="form-control" id="first_name" name="first_name" placeholder="MMMR" value="{{ $item->em_first_name }}">
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label">No Téléphone</label>
                                                        <input type="text" class="form-control" id="phone" name="phone" placeholder="659158486" value="{{ $item->em_phone }}">
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label">Adresse</label>
                                                        <input type="text" class="form-control" id="address" name="address" placeholder="MANGUIERS" value="{{ $item->em_address }}">
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label">Date de Naissance</label>
                                                        <input type="date" class="form-control" id="birth" name="birth" placeholder="2000-07-27" max="{{ date('Y-m-d') }}" value="{{ $item->em_birth }}">
                                                    </div>
                                                    <div class="col-sm-4 mb-3">
                                                        <label class="form-label">Lieu de Naissance</label>
                                                        <input type="text" class="form-control" id="birth_place" name="birth_place" placeholder="YAOUNDE" value="{{ $item->em_place_birth }}">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Salaire</label>
                                                        <input type="number" class="form-control" id="salary" name="salary" placeholder="200000" value="{{ $item->em_salary }}">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Document</label>
                                                        <select class="selectpicker nice-select default-select form-control wide mh-auto" name="document">
                                                            <option value="CNI" {{ $item->em_doc == "CNI" ? "selected" : "" }}>CNI</option>
                                                            <option value="RECEPISSE" {{ $item->em_doc == "RECEPISSE" ? "selected" : "" }}>RECEPISSE</option>
                                                            <option value="PASSEPORT" {{ $item->em_doc == "PASSEPORT" ? "selected" : "" }}>PASSEPORT</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">No Document</label>
                                                        <input type="text" class="form-control" name="document_id" placeholder="500354578" value="{{ $item->em_num_doc }}">
                                                    </div>
                                                    <div class="col-sm-3 mb-3">
                                                        <label class="form-label">Date d'expiration Document</label>
                                                        <input type="date" class="form-control" name="date_exp" value="{{ $item->em_doc_date_exp }}">
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Poste</label>
                                                        <select class="form-control select2" name="post">
                                                            <option value="">Selectionner un Poste</option>
                                                            @if(isset($posts) && COUNT($posts) > 0)
                                                                @foreach ($posts as $key => $value)
                                                                    <option value="{{ $value->id }}" {{ $value->id == $item->post_id ? "selected" : "" }}>
                                                                        {{ $value->po_name }}
                                                                    </option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Agence</label>
                                                        <select class="form-control select2" name="agency">
                                                            <option value="">Selectionner l'agence</option>
                                                            @if(isset($agencies) && COUNT($agencies) > 0)
                                                                @foreach ($agencies as $key => $value)
                                                                    <option value="{{ $value->id }}" {{ $value->id == $item->agency_id ? "selected" : "" }}>
                                                                        {{ $value->ag_name }}
                                                                    </option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-6 mb-3">
                                                        <label class="form-label">Ajouter ses données de connexion</label>
                                                        <div class="col-md-4 d-flex align-items-center justify-content-between pt-3">
                                                            <div class="form-check custom-checkbox mb-3">
                                                                <input type="radio" class="form-check-input check_login" value="NON" id="customCheckBox1" name="check" onchange="showLogin(this.value)" {{ is_null($item->user_id) ? "checked" : "" }}>
                                                                <label class="form-check-label" for="customCheckBox1">NON</label>
                                                            </div>
                                                            <div class="form-check custom-checkbox mb-3">
                                                                <input type="radio" class="form-check-input check_login" value="OUI" id="customCheckBox2" name="check" onchange="showLogin(this.value)" {{ !is_null($item->user_id) ? "checked" : "" }}>
                                                                <label class="form-check-label" for="customCheckBox2">OUI</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-3 mb-3 box_check_login" id="box_check_login" style="{{ !is_null($item->user_id) ? 'display:block' : 'display:none' }}">
                                                        @php
                                                            $role_id = isset($item->user) ? $item->user->role_id : null;
                                                        @endphp
                                                        <label class="form-label">Role</label>
                                                        <select class="form-control select2" name="role">
                                                            <option value="">Selectionner</option>
                                                            @if(isset($roles) && COUNT($roles) > 0)
                                                                @foreach ($roles as $key => $value)
                                                                    <option value="{{ $value->id }}" {{ $value->id == $role_id ? "selected" : "" }} >
                                                                        {{ $value->name }}
                                                                    </option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-3 mb-3 box_check_login" style="{{ !is_null($item->user_id) ? 'display:block' : 'display:none' }}">
                                                        <label class="form-label">Mot de passe</label>
                                                        <input type="password" name="password" class="form-control border-end-0" id="password" placeholder="Admin237">
                                                        <span onclick="return tooglePassword('password','created-password')" class="fa fa-fw fa-eye field-icon created-password cursor-pointer"></span>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-sm-6 mb-3">
                                                            <label class="form-label">Image document</label>
                                                            <input type="file" class="form-control" name="image_doc" id="image_doc_input" accept=".png,.tif,.jpg, .jpeg, .webp">
                                                        </div>
                                                        <div class="col-sm-6 mb-3">
                                                            <label class="form-label">Aperçu Image</label>
                                                            <div id="image_preview" style="border: 1px solid #ddd; padding: 10px;">
                                                                @if (!is_null($item->em_image_doc))
                                                                    <img id="preview_img" src="{{ asset($item->em_image_doc) }}" alt="Image Preview" style="max-width: 100%; height: 150px;">
                                                                @else
                                                                    <img id="preview_img" src="" alt="Image Preview" style="max-width: 100%; height: 150px; display: none;">
                                                                @endif
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-4 mb-3">
                                                            <label class="form-label">No de Compte (BanQue)</label>
                                                            <input type="number" class="form-control" name="no_account" id="no_account" value="{{ $item->no_account_bank }}" placeholder="1452748501">
                                                        </div>
                                                        <div class="col-sm-4 mb-3">
                                                            <label class="form-label">Clé du compte (BanQue)</label>
                                                            <input type="number" class="form-control" name="key_account" id="key_account" value="{{ $item->key_account_bank }}" placeholder="10254">
                                                        </div>
                                                        <div class="col-sm-4 mb-3">
                                                            <label class="form-label">Montant ration</label>
                                                            <input type="number" class="form-control" name="amount_ration" id="amount_ration"  value="{{ $item->em_ration }}" placeholder="25000">
                                                        </div>
                                                        <div class="col-sm-3 mb-3">
                                                            <label class="form-label">No Cnps</label>
                                                            <input type="number" class="form-control" name="no_cnps" id="no_cnps"  value="{{ $item->em_no_cnps }}" placeholder="14520255">
                                                        </div>
                                                        <div class="col-sm-3 mb-3">
                                                            <label class="form-label">No Nui</label>
                                                            <input type="text" class="form-control" name="no_nui" id="no_nui"  value="{{ $item->em_nui }}" placeholder="145255400">
                                                        </div>
                                                        <div class="col-sm-3 mb-3">
                                                            <label class="form-label">No Interne</label>
                                                            <input type="text" class="form-control" name="no_intern" id="no_intern"  value="{{ $item->em_no_intern }}" placeholder="145EL2540">
                                                        </div>
                                                        <div class="col-sm-3 mb-3">
                                                            <label class="form-label">Service</label>
                                                            <input type="text" class="form-control" name="service" id="service"  value="{{ $item->em_service }}" placeholder="COMPATBLE">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12 mb-4">
                                                        <button type="submit" class="btn btn-primary btn_submit mt-3">Enregistrer</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /row -->
@endsection
@section("script-up")
<script src="{{ asset('vendor/datatables/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('vendor/select2/js/select2.full.min.js') }}"></script>
@endsection
@section("script-down")
<script>
    const path = "{{ route('get.backend.by.month.salary') }}";
    const path_2 = "{{ route('get.backend.by.days.salary') }}";
    function getAmountSalary(month){
        $.ajax({
            url: path,
            type: "GET",
            dataType: "json",
            data: {
                month: month,
                employee_id : '{{ $employee_id }}'
            },
            success: function (data) {
                if(data.code == 200) {
                    $("#pay_month").val(data.pay);
                    $("#advance_pay").val(data.advance_pay);
                }
            },
            error: function (xhr) {
                if (xhr.status == 419) {
                    var errorMessage = JSON.parse(xhr.responseText).message;
                    Swal.fire({
                        type: "error",
                        text: errorMessage,
                        showConfirmButton: false,
                        timer : 4000
                    });
                }else{
                    Swal.fire({
                        type: "error",
                        text: "Une erreur est survenue lors du traitement de la requete",
                        showConfirmButton: false,
                        timer : 4000
                    });
                }
            }

        });
    }
    function getAmountSalaryDay(day){
        $.ajax({
            url: path_2,
            type: "GET",
            dataType: "json",
            data: {
                day: day,
                employee_id : '{{ $employee_id }}'
            },
            success: function (data) {
                if(data.code == 200) {
                    $("#pay_days").val(data.pay);
                }
            },
            error: function (xhr) {
                if (xhr.status == 419) {
                    var errorMessage = JSON.parse(xhr.responseText).message;
                    Swal.fire({
                        type: "error",
                        text: errorMessage,
                        showConfirmButton: false,
                        timer : 4000
                    });
                }else{
                    Swal.fire({
                        type: "error",
                        text: "Une erreur est survenue lors du traitement de la requete",
                        showConfirmButton: false,
                        timer : 4000
                    });
                }
            }

        });
    }
    function showLogin(value){
        if(value == "OUI"){
            $('.box_check_login').show();
        }else{
            $('.box_check_login').hide();
        }
    }
    $(document).ready(function () {
        $("#checkAll_Input").change(function() {
            $(".form-check-input_per").prop("checked", this.checked);
        });
        $(".form-check-input_per").change(function() {
            $("#checkAll_Input").prop("checked", $(".form-check-input_per:checked").length === $(".form-check-input_per").length);
        });
    });
</script>
@endsection