@extends('models')
@section('titre-page', 'Bureau d\'achat')
@section('content-body')
    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
        <div class="col-xl-12 col-12">
            <div class="row mb-3">
                <div class="col-xl-7 col-md-4 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Fiches</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Bureau d'achat</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Close -->

    <div class="row mt-xl-2">
   
            <div class="col-12">
                <div class="card custom-card">
                    <div class="card-body">
                        <div class="row">
                            <div class="row p-0 m-0 d-flex align-items-center my-2">
                                <div
                                    class="offset-xl-4 offset-lg-6 col-xl-8 col-lg-6 pe-0 d-flex justify-content-end align-items-center">



                                    <a class="btn btn-success" id="newBureauAchat" data-bs-toggle="tooltip"
                                        data-bs-custom-class="tooltip-success" data-bs-placement="top"
                                        title="Nouveau bureau d'achat">
                                        <i class='bx bxs-check-circle'></i>
                                        Valider
                                    </a>
                                    <a class="btn btn-warning" data-bs-toggle="tooltip"
                                        data-bs-custom-class="tooltip-warning" data-bs-placement="top"
                                        title="Modifier le bureau d'achat" id="btnEditBureau" style="display:none;">
                                        <span class="bx bxs-edit" style="font-size:16px;">
                                        </span>
                                        Modifier
                                    </a>

                                    <a class="btn btn-danger ms-2" data-bs-toggle="tooltip"
                                        data-bs-custom-class="tooltip-dark" data-bs-placement="bottom"
                                        title="Annuler l'opération" id="annulerBureauAchat">
                                        <span class="bx bxs-x-circle me-1" style="font-size:16px;"></span>
                                        Annuler
                                    </a>


                                    <div class="btn-group  ms-2" role="group">
                                        <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                            Autres
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="btnGroupDrop1">
                                            <li>
                                                <a class="dropdown-item" id="btn-export-bureau-achat"
                                                    data-bs-toggle="tooltip" data-bs-custom-class="tooltip-success"
                                                    data-bs-placement="top" title="Exporter en excel">
                                                    <i class='ri ri-file-excel-2-line'></i>
                                                    Exporter
                                                </a>
                                            </li>
                                            <li>
                                                <a class="dropdown-item" id="btn-actualise-pght" data-bs-toggle="tooltip"
                                                    data-bs-custom-class="tooltip-info" data-bs-placement="top"
                                                    title="Actualiser mes prix GHT">
                                                    <i class='bx bx-repost'></i>
                                                    Actualiser les PGHT
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <form id="formBureauAchat">
                            <div class="row mb-2">
                                <div class="col-xl-4">
                                    <p class="text-muted mb-0">Nom du Bureau d'achat</p>
                                    <input type="text" class="form-control text-uppercase" id="NomBureauAchat"
                                        name="NomBureauAchat">
                                    <input type="number" class="form-control" id="IDBUREAUACHAT" name="IDBUREAUACHAT"
                                        style="display:none;">
                                </div>
                                <div class="col-xl-2">
                                    <p class="text-muted mb-0">Type</p>
                                    <select name="IDTYPEBUREAUACHAT" id="IDTYPEBUREAUACHAT" class="form-control form-select">
                                        <option value="1">{{ ModeGpharma() == 2 ? 'COGESAF' : 'TEDIS' }}</option>
                                        <option value="2">DIRECT</option>
                                        <option value="3">LOCAL</option>
                                    </select>
                                </div>
                                <div class="col-xl-2">
                                    <p class="text-muted mb-0">Coefficient PGHT :</p>
                                    <input type="number" class="form-control text-center" id="CoefficientPGHT"
                                        name="CoefficientPGHT" value="0" min="0">
                                </div>
                                <div class="col-xl-2">
                                    <p class="text-muted mb-0">Côte d'alerte :</p>
                                    <input type="number" class="form-control text-center" id="CoteAlerteBureauAchat"
                                        name="CoteAlerteBureauAchat" value="0" min="0">
                                </div>
                                <div class="col-xl-2">
                                    <p class="text-muted mb-0">Numéro compte tiers : </p>
                                    <input type="text" class="form-control" id="inpNumeroCompteTiersBureauAchat"
                                        name="NumeroCompteTiersBureauAchat">
                                </div>
                            </div>
                        </form>
                        <div class="table-responsive">
                            <table id="tableBureauAchat" class="table table-striped w-100">
                                <thead class="table-header-primary">
                                    <tr>
                                        <th class="text-center text-light"><input class="form-check-input me-2"
                                                data-id="281474976710658" type="checkbox" id="checkAllBA" style="cursor : pointer;">
                                            Actions</th>
                                        <th class="text-center text-light">Bureau d'achat</th>
                                        <th class="text-center text-light">Type</th>
                                        <th class="text-center text-light">Coefficient PGHT</th>
                                        <th class="text-center text-light">Côte d'Alerte</th>
                                        <th class="text-center text-light">Compte tiers</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
       
    </div>
@endsection
@section('script')
    <!-- Script exécuté au chargement de la page -->
    <script>
        function chargerTableBureauAchat() {

            $.ajax({

                url: '{{ route('listingBureauAchat') }}',
                beforeSend: progressHandler(),
                type: 'GET',
                dataType: 'json',
                success: function(response) {

                    let obj = response.data

                    $("#tableBureauAchat").DataTable().destroy()
                    tableBureauAchat = $("#tableBureauAchat").DataTable({

                        bFilter: true,
                        language: languageTable,
                        pageLength: 25,
                        // lengthChange: false,
                        "data": obj,
                        'columns': [

                            {
                                data: 'action',
                                className: 'text-center'
                            },
                            {
                                data: 'NomBureauAchat'
                            },
                            {
                                data: 'LibelleTypeBureauAchat'
                            },
                            {
                                data: 'CoefficientPGHT',
                                className: 'text-center'
                            },
                            {
                                data: 'CoteAlerteBureauAchat',
                                className: 'text-center'
                            },
                            {
                                data: 'NumeroCompteTiersBureauAchat'
                            }
                        ]
                    })

                    placeboutonPreferenceColonne('tableBureauAchat','bureauAchatShowColonne')
                    recuperationPreferenceColonneUtilisateur('tableBureauAchat','bureauAchatShowColonne')
                    completeHandler()
                }
            })
        }
        window.addEventListener('load', function() {
             chargerTableBureauAchat()
            
        })

        $(document).on('click', '.bureauAchatShowColonne', function() {
            appliquerPreferenceColonne('tableBureauAchat','Bureau-achat',$(this),'bureauAchatShowColonne')
        })
    </script>

    <!-- Script -->
    <script>
        // Script de modification
        $(document).on('click', '#editBureau', function() {

            let IDBUREAUACHAT = $(this).attr('data-id')

            $.ajax({

                url: '{{ route('infoBureauAchat') }}',
                type: 'POST',
                data: {

                    IDBUREAUACHAT: IDBUREAUACHAT,
                    _token: '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(response) {

                    _('IDBUREAUACHAT').value = IDBUREAUACHAT
                    _('NomBureauAchat').value = response.data.NomBureauAchat
                    _('IDTYPEBUREAUACHAT').value = response.data.IDTYPEBUREAUACHAT
                    _('CoefficientPGHT').value = parseInt(response.data.CoefficientPGHT)
                    _('CoteAlerteBureauAchat').value = parseInt(response.data.CoteAlerteBureauAchat)
                    _('inpNumeroCompteTiersBureauAchat').value = response.data.NumeroCompteTiersBureauAchat

                    _('newBureauAchat').style.display = 'none'
                    _('btnEditBureau').style.display = ''
                }
            })
        })

        // Annuler les opération
        _('annulerBureauAchat').addEventListener('click', function() {

            _('IDBUREAUACHAT').value = ''
            _('NomBureauAchat').value = ''
            _('IDTYPEBUREAUACHAT').value = 1
            _('CoefficientPGHT').value = ''
            _('CoteAlerteBureauAchat').value = ''
            _('inpNumeroCompteTiersBureauAchat').value = ''

            _('newBureauAchat').style.display = ''
            _('btnEditBureau').style.display = 'none'
        })

        // éffectuer les modifications
        _('btnEditBureau').addEventListener('click', function() {

            if (_('NomBureauAchat').value.replace(/\s/g, '') == '') {

                notif('danger', 'Erreur', 'Veuillez saisir le nom du bureau d\'achat.')
                _('annulerBureauAchat').click()
                return 0
            }

            if (_('CoefficientPGHT').value == '') {

                _('CoefficientPGHT').value = 0
            }

            if (_('CoteAlerteBureauAchat').value == '') {

                _('CoteAlerteBureauAchat').value = 0
            }

            let formBureauAchat = new FormData(_('formBureauAchat'))
            formBureauAchat.append('_token', '{{ csrf_token() }}')

            $.ajax({

                url: '{{ route('editBureauAchat') }}',
                type: 'POST',
                data: formBureauAchat,
                processData: false,
                contentType: false,
                dataType: 'json',
                success: function(response) {

                    if (response.success == 2) {

                        _('annulerBureauAchat').click()

                        chargerTableBureauAchat()
                        notif('success', 'Succès', 'Bureau d\'achat modifié')
                    } else if (response.success == 1) {

                        notif('danger', 'Erreur', 'Ce nom de bureau a déjà été attribué')
                    } else {

                        notifError(response.msg)
                    }
                }
            })
        })

        // Script d'ajout de bureau d'achat
        _('newBureauAchat').addEventListener('click', function() {

            if (_('NomBureauAchat').value.replace(/\s/g, '') == '') {

                notif('danger', 'Erreur', 'SAISIR UN NOM DE BUREAU D\'ACHAT')
                _('NomBureauAchat').focus()
                return 0
            }

            if (_('CoefficientPGHT').value == '') {

                _('CoefficientPGHT').value = 0
            }

            if (_('CoteAlerteBureauAchat').value == '') {

                _('CoteAlerteBureauAchat').value = 0
            }

            let formBureauAchat = new FormData(_('formBureauAchat'))
            formBureauAchat.append('_token', '{{ csrf_token() }}')

            $.ajax({

                url: '{{ route('newBureauAchat') }}',
                type: 'POST',
                data: formBureauAchat,
                processData: false,
                contentType: false,
                dataType: 'json',
                success: function(response) {

                    if (response.success == 2) {

                        _('annulerBureauAchat').click()

                        chargerTableBureauAchat()
                        notif('success', 'Succès', 'BUREAU D\'ACHAT AJOUTÉ')
                    } else if (response.success == 1) {

                        notif('danger', 'Erreur', 'CE NOM DE BUREAU A DÉJÀ ÉTÉ ATTRIBUÉ')
                    } else {

                        notifError(response.msg)
                    }
                }
            })
        })

        // Script de suppréssion
        $(document).on('click', '#supBureau', function() {

            let IDBUREAUACHAT = $(this).attr('data-id')

            Swal.fire({

                title: 'Êtes-vous sûrs ?',
                text: "De vouloir supprimer ce bureau !",
                icon: 'warning',
                showCancelButton: true,
                customClass: {
                    confirmButton: 'btn btn-danger ms-2'
                },
                cancelButtonColor: '#d33',
                confirmButtonText: 'Oui',
                cancelButtonText: 'Non'

            }).then((result) => {

                if (result.isConfirmed) {

                    $.ajax({

                        url: '{{ route('suppBureauAchat') }}',
                        type: 'POST',
                        data: {

                            IDBUREAUACHAT: IDBUREAUACHAT,
                            _token: '{{ csrf_token() }}'
                        },
                        dataType: 'json',
                        success: function(response) {

                            if (response.success == 2) {

                                _('annulerBureauAchat').click()

                                chargerTableBureauAchat()
                                notif('success', 'Succès', 'SUPPRESSION ÉFFECTUÉE')
                            } else if (response.success == 1) {

                                notif('danger', 'Erreur',
                                    'SUPPRESSION IMPOSSIBLE, LE BUREAU SÉLECTIONNÉ A DES RELATIONS DANS LE SYSTEME'
                                )
                            } else {

                                notifError(response.msg)
                            }
                        }
                    })
                }
            })
        })

        $(document).on("click", "#btn-actualise-pght", function() {
            console.log("sqsq");
            
            let listLigne = listeLigneSelectionne("#tableBureauAchat", "#checkLigneBA")
            if(listLigne.length <= 0){
                notifWarning("Veuillez selectionner une/plusieurs lignes !!")
                return false
            }

            $.ajax({
                type: "post",
                url: "{{ route("BA.actualiserPGHT") }}",
                data: {
                    "data": listLigne,
                    "_token": "{{ csrf_token() }}"
                },
                dataType: "json",
                beforeSend : progressHandler(),
                success: function(response) {
                    if (response.error == false) {
                        completeHandler()
                        chargerTableBureauAchat()
                        notifSuccess(response.messages)
                        return false
                    }
                    notifWarning(response.messages)
                },
                error: function(response) {
                    completeHandler()
                    notifError(response.responseJSON.messages)
                }
            });
        })


        _('checkAllBA').addEventListener('click', function() {

            let value = this.checked
            let lignes = $("#tableBureauAchat").DataTable().rows().nodes()
            $(lignes).find('#checkLigneBA').prop('checked', value)
        })

        $(document).on('click', '#checkLigneBA', function() {

            if (_('checkAllBA').checked == true) {
                _('checkAllBA').checked = false
            }
        })

        $(document).on('click', '#btn-export-bureau-achat', function() {
            var data = remplissage_avec_data_columns_DataTable('tableBureauAchat')
            const filename = file_name("BUREAU_ACHAT");
            download_excel_file('{{ route('bureau_achat.export') }}', data, filename)
        })
    </script>
@endsection