@extends('main.main_back')
@section('style-up')
    <link href="{{ asset('vendor/datatables/css/jquery.dataTables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('css/jquery-ui.min.css') }}">
@endsection
@section('title')
    Salaire
@endsection

@section('pagination')
    Salaire
@endsection

@section('content')
<div class="row page-titles">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('get.backend.dashboard') }}">Dashboard</a></li>
        @if (isset($item))
            <li class="breadcrumb-item"><a href="{{ route('get.backend.list.salary') }}">Salaire</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)"> {{ $item->ag_name }}</a></li>
        @else
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Salaire </a></li>
        @endif
    </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-calculator-1"></i>
        </div>
    </a>
    <div>
        <a class="btn btn-primary btn-sm" href="{{ route('get.backend.list.salary') }}">
            Liste
        </a>
    </div>
</div>
@php
    $agencyId = request()->get('agency');
    $currentMonth = strtolower(date('F'));
@endphp
<div class="row">
    <div class="col-xl-12 col-lg-12">
        <div class="card">
            <div class="card-body">
                <div class="basic-form">
                    <select class="form-control select2" name="agency" id="agencySelect">
                        <option value="">Selectionner une agence</option>
                        @if(isset($agencies) && COUNT($agencies) > 0)
                            @foreach ($agencies as $key => $value)
                                <option value="{{ $value->id }}" {{ $value->id == $agencyId ? 'selected' : '' }}>
                                    {{ $value->ag_name }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>
@isset($data)
<div class="row">
    <div class="col-12">
        <form class="card" id="add_salary_group" method="post" action="{{ route('post.backend.add.salary.agency') }}" onsubmit="SendDataAnimation(event,'add_salary_group')">
            <div class="card-header">
                <h4 class="card-title">Liste des Employés</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>
                                    <div class="form-check custom-checkbox ms-2">
                                        <input type="checkbox" class="form-check-input" id="checkAll" required="">
                                        <label class="form-check-label" for="checkAll"></label>
                                    </div>
                                </th> --}}
                                <th>Nom complet</th>
                                <th>Poste</th>
                                <th>Salaire</th>
                                <th>Agence</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            @isset($data)
                            @php
                                //dd($data);
                            @endphp
                            @foreach($data as $key => $value)
                            @php
                                $value_id = $value->id;
                                $employee_id = $value_id;
                                $gender = $value->em_gender;
                                $name = $value->em_name;
                                $phone = $value->em_phone;
                                $salary = $value->em_salary;
                                $agency = isset($value->agency) ? $value->agency->ag_name : "";
                                $post = isset($value->post) ? $value->post->po_name : "" ;
                                $date_reg = $value->created_at;
                                $ration = $value->em_ration;
                                $amount_pay = getSalaryMonth($currentMonth,$employee_id);
                                $account_salary = $salary - $amount_pay;
                                $no_days = 30;
                                $base = getAmountBase($no_days,$salary);
                            @endphp
                            <tr id="row_line{{ $value_id }}">
                                <td>{{ $key+1 }}</td>
                                {{-- <td>
                                    <div class="form-check custom-checkbox ms-2">
                                        <input type="checkbox" class="form-check-input checkbox-platform" id="customCheckBox{{ $key+5 }}">
                                        <label class="form-check-label" for="customCheckBox{{ $key+5 }}"></label>
                                    </div>
                                </td> --}}
                                <td class="whitesp-no p-0">
                                    <div class="d-flex py-sm-3 py-1 align-items-center ">
                                        <div>
                                            <h6 class="font-w500 fs-16 mb-0">{{ $name }}</h6>
                                            <h6 class="fs-14 font-w400">{{ $phone }}</h6>
                                            <span class="fs-14 font-w400">{{ $gender }}</span>
                                        </div>
                                    </div>
                                </td>
                                <td>{{ $post }}</td>
                                <td>
                                    <span class="badge badge-dark">{{ convert_amount($salary) }}</span>
                                </td>
                                <td>{{ $agency }}</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_employee{{ $value_id }}" href="javascript:void(0);">Vérification</a>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                            <div class="modal fade" id="modal_employee{{ $value_id }}">
                                <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                                    <div class="modal-content">
                                        <div>
                                            <div class="modal-header">
                                                <h5 class="modal-title">{{ $name }}</h5>
                                                <button type="button" class="btn-close" data-bs-dismiss="modal">
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <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[{{ $employee_id }}]" id="pay_month{{ $employee_id }}" 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" class="form-control" name="number_days[{{ $employee_id }}]" id="number_days{{ $employee_id }}" onchange="getAmountSalaryDay(this.value,'{{ $employee_id }}')">
                                                            @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[{{ $employee_id }}]" id="pay_days{{ $employee_id }}" 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[{{ $employee_id }}]" 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[{{ $employee_id }}]" id="ration_pay{{ $employee_id }}" 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[{{ $employee_id }}]" id="irpp_pay{{ $employee_id }}" 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[{{ $employee_id }}]" id="cac_percent{{ $employee_id }}" 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[{{ $employee_id }}]" id="hours_pay{{ $employee_id }}" 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[{{ $employee_id }}]" id="prime_pay{{ $employee_id }}" 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[{{ $employee_id }}]" id="compensation_pay{{ $employee_id }}" 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[{{ $employee_id }}]" id="advantage_pay{{ $employee_id }}" 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[{{ $employee_id }}]" id="pv_percent{{ $employee_id }}" 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[{{ $employee_id }}]" id="mode_pay{{ $employee_id }}" 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>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            @endisset
                        </tbody>
                    </table>
                </div>
                @if(count($data) > 0)
                <div class="col-sm-12 mb-3">
                    <label class="form-label">Sélectionner le Mois<span class="text-danger">*</span></label>
                    @php
                        $months = getMonths();
                        //dd($salary);
                    @endphp
                    <select class="form-control select2" name="month">
                        @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-12 mb-3">
                    <button type="submit" class="btn btn-primary btn_submit mt-3">Générer Fiche de paie</button>
                </div>
                @endif
            </div>
        </form>
    </div>
</div>
@endisset
@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>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
@endsection

@section("script-down")
{{-- <script>
    window.onload = function() {
        window.print();
    };
</script> --}}
<script>
    function updateUrlParameter(url, param, paramValue) {
        var newAdditionalURL = "";
        var tempArray = url.split("?");
        var baseURL = tempArray[0];
        var additionalURL = tempArray[1];
        var temp = "";
        if (additionalURL) {
            tempArray = additionalURL.split("&");
            for (i = 0; i < tempArray.length; i++) {
                if (tempArray[i].split('=')[0] !== param) {
                    newAdditionalURL += temp + tempArray[i];
                    temp = "&";
                }
            }
        }

        var newParam = temp + param + "=" + paramValue;
        return baseURL + "?" + newAdditionalURL + newParam;
    }
    const path_2 = "{{ route('get.backend.by.days.salary') }}";
    function getAmountSalaryDay(day,employee_id){
        $.ajax({
            url: path_2,
            type: "GET",
            dataType: "json",
            data: {
                day: day,
                employee_id : employee_id
            },
            success: function (data) {
                if(data.code == 200) {
                    $("#pay_days"+employee_id).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
                    });
                }
            }

        });
    }
    $(document).ready(function(){
        $('#agencySelect').on('change', function() {
            var selectedValue = $(this).val();
            if (selectedValue) {
                // Récupérer l'URL actuelle
                var currentUrl = window.location.href;

                // Ajouter ou mettre à jour le paramètre "agency" dans l'URL
                var newUrl = updateUrlParameter(currentUrl, 'agency', selectedValue);

                // Rediriger vers la nouvelle URL
                window.location.href = newUrl;
            }
            // else if(selectedValue == ""){
            //     window.location = "{{ route('get.backend.seller.ticket') }}";
            // }
        });
    });
</script>
@endsection