@extends('Admin.Views.admin')

@include('shoppingcard::sidebar')

@section('content')
<div class="card">
    <div class="card-header bg-blue-800 header-elements-inline">
        <h5 class="card-title">Filtros</h5>
        <div class="header-elements">
            <div class="list-icons">
                <a class="list-icons-item" data-action="collapse"></a>
            </div>
        </div>
    </div>
    <form action="http://sipemu.cajamunicipalgchu.jp/tickets/tickets" method="get" style="" id="filterForm">
        <div class="card-body">
            <input type="hidden" class="form-control" name="f" value="pending">
            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="form-group">
                        <label class="text-primary font-weight-bold text-uppercase">Fecha Desde</label>
                        <input type="date" class="form-control filter" id="filterdatefrom" value="{{$model_info->acreditation_dateFrom}}">
                    </div>
                </div>
                <div class="col-6 col-md-6">
                    <div class="form-group">
                        <label class="text-primary font-weight-bold text-uppercase">Fecha Hasta</label>
                        <input type="date" class="form-control filter" id="filterdateto" value="{{$model_info->acreditation_dateTo}}">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-6 col-md-6">
                    <x-fieldselect
                        id="filterbeneficiary"
                        label='Beneficiario'
                        name='beneficiary'
                        :data='$data'
                        :items='$model_info->beneficiaries'
                        itemtext='name'
                        itemindex='id'
                        optionalText='Todos'
                        classinput='filterChange'
                    />
                </div>
                <div class="col-6 col-md-6">
                    <div class="form-group filterChange">
                        <label class="text-primary font-weight-bold text-uppercase">Estado</label>
                        <select class="form-control form-control-select2" id="filterapproved2">
                            <option value="-2">Todos</option>
                            <option value="1">Aprobado</option>
                            <option value="0">Rechazado</option>
                            <option value="-1">Sin Confirmar</option>
                        </select>
                    </div>
                </div>  
            </div>
            <div class="row">
                @can('access', 'auth.loginas')
                <div class="col-12 col-md-6">
                    <x-fieldselect
                        id="filtershop"
                        label='Comercio'
                        name='beneficiary'
                        :data='$data'
                        :items='$model_info->shops'
                        itemtext='name'
                        itemindex='id'
                        optionalText='Todos'
                        classinput='filterChange'
                    />
                </div>
                @endcan
            </div>
        </div>
    </form>
</div>


    <div class="card">
        <div class="card-header header-elements-inline">
            <h5 class="card-title">{{ $model_info->model_titles['plural'] }}</h5>
            <div class="header-elements">
                <div class="list-icons">
                    <a class="list-icons-item" data-action="collapse"></a>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-lg-8">
                    <button type="button" class="btn btn-labeled btn-labeled-left bg-success mb-3" onclick="exportAuthorizations();">
                            <b>
                                <i class="fa fa-download"></i>
                            </b>
                            Exportar
                        </button>
                </div>
                <div class="col-lg-1 hidden-xs"></div>
                <div class="col-lg-2">
                    <div class="mb-3">
                        <div class="paginate_table pull-right"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        @if ($model_info->sort)
                            <td width='10px'>Ord.</td>
                        @endif
                        @foreach($model_info->heads_fields as $i => $column_name)
                            <th>
                                @if(@$model_info->ordenable_fields[$i])
                                    <div class="input-group mb-0">
                                        <div id="pointer-{{ $i }}" data-column="{{ $i }}" data-field='{{ $model_info->list_fields[$i] }}' data-order='ASC' class="input-group-prepend pointer order">
                                            <i id="icon-{{ $i }}" class="mi-unfold-more"></i>
                                        </div>
                                        <p class="pl-2 m-0">  {{ $column_name }}</p>
                                    </div>
                                @else
                                    {{ $column_name }}
                                @endif
                            </th>
                        @endforeach
                    </tr>
                </thead>
                <tbody class="sorted_table" id="sortable-data"></tbody>
            </table>
        </div>
        <div class="card-footer">
            <div class="row">
                <div class="col-12">
                    <div class="paginate_table_footer"></div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        function exportAuthorizations(){
            var url = '{{ route($model_info->routes['sheet']) }}';
            var _token = '{{ csrf_token() }}';

            $.ajax({
                type: "POST",
                url: url,
                xhrFields:{
                    responseType: 'blob'
                },
                data: {
                    _token: _token,
                    filter_shop: $("#filtershop").val(),
                    filter_beneficiary: $("#filterbeneficiary").val(),
                    filter_datefrom: $("#filterdatefrom").val(),
                    filter_dateto: $("#filterdateto").val(),
                    filter_approved2: $("#filterapproved2").val()
                },
                success: function (response) {
                    var blob = response;
                    var downloadUrl = URL.createObjectURL(blob);
                    var a = document.createElement("a");
                    a.href = downloadUrl;
                    a.download = "Autorizaciones.xlsx";
                    document.body.appendChild(a);
                    a.click();
                },
                error: function (data, textStatus, errorThrown) {
                    console.log(data);
                    console.log(textStatus);
                    console.log(errorThrown);
                },
            });
        }

        var idpage = 1;

        var model_info = @json($model_info);
        var _token = '{{ csrf_token() }}';
        var route_getdata = '{{ route($model_info->routes['getdata']) }}';

        if (document.location.protocol == 'https:') {
            route_getdata = route_getdata.replace('http:', 'https:');
        }

        var ordinal_field = model_info["ordinal_field"];
        var ordinal_order = model_info["ordinal_order"];
        var listfields = model_info["list_fields"];
        var sort_field = model_info["sort"];

        function filterData(){
            var totalpages = 1;
            var currentpage = 1;

            $.ajax({
                type: "POST",
                url: route_getdata,
                data: {
                    _token: _token,
                    filter_shop: $("#filtershop").val(),
                    filter_beneficiary: $("#filterbeneficiary").val(),
                    filter_datefrom: $("#filterdatefrom").val(),
                    filter_dateto: $("#filterdateto").val(),
                    filter_approved2: $("#filterapproved2").val(),
                    page: currentpage
                },
                success: function (response) {
                    if (typeof response.status != "undefined") {
                        if (response.status == "true") {
                            if (typeof response.data.data != "undefined") {
                                bigdata = response.data.data;
                                if (
                                    typeof response.data.current_page != "undefined"
                                ) {
                                    totalpages = response.data.last_page;
                                    currentpage = response.data.current_page;
                                }
                            } else if (typeof response.data != "undefined") {
                                bigdata = response.data;
                            } else {
                                bigdata = "";
                            }

                            if (bigdata == "") {
                                html =
                                    '<tr><td colspan="6"><h4 class="text-center mt-4 mb-4">Sin datos para esta selección.</h4></td></tr>';
                            } else {
                                html = Sipemu.tableHtml(bigdata);
                            }

                            $("#sortable-data")
                                .html(html)
                                .promise()
                                .done(function () {
                                    html2 = Sipemu.paginateHtml(
                                        totalpages,
                                        currentpage
                                    );
                                    $(".paginate_table")
                                        .html(html2)
                                        .promise()
                                        .done(function () {
                                            Sipemu.eventsHtml();
                                        });

                                    var htmlFooter = Sipemu.paginateFooterHtml(
                                        totalpages,
                                        currentpage
                                    );
                                    $(".paginate_table_footer").html(htmlFooter);
                                });

                            //Sipemu.eventsHtml();
                        } else {
                            alert(response.message);
                        }
                    } else {
                        alert("Server not respond, please refresh your page");
                    }
                },
                error: function (data, textStatus, errorThrown) {
                    console.log(data);
                    console.log(textStatus);
                    console.log(errorThrown);
                },
            });
        }

        $(document).ready(function() {
            
            $('#datatables').show();
            filterData();
            $('.filter').on('input',function(){
                filterData();
            });

            $(".filterChange select").on('change',function(){
                filterData();
            });
            
        });
    </script>
@endpush