@extends('theme.layout')
@section('content-layout')




<style>
    div.dataTables_wrapper {
        width: 95vw;
        margin: 0 auto;
    }

</style>


<div class="tab-content">
    <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
        <div class="row">
            <div class="col-md-12">
                <div class="main-card mb-3 card">
                    <div class="card-header"> <i class="header-icon pe-7s-news-paper icon-gradient bg-love-kiss"></i>Listado de Programacion General
                        <div class="col-auto btn-actions-pane-right">
                            <a href="{{route('formgeneralprogramming')}}" class="btn-icon btn btn-success"><i class="pe-7s-add-user btn-icon-wrapper"></i>Agregar nuevo registro</a>
                        </div>
                    </div>

                    <form method="post" autocomplete="off" id="formid" action="{{route('listgeneralprogramming')}}">
                        @csrf
                        <div class='row mb-3 mb-3 justify-content-center row g-3 align-items-end'>

                            @if(session('mensaje'))
                            <div class='alert alert-success error-validation-form-backend'>
                                {{ session('mensaje') }}
                            </div>
                            @endif


                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>
                                        <h6>Zona de trabajo
                                        </h6>
                                    </label>
                                    <select class="form-select
                                         select2" style="width: 100%;" id="zone_work_id" name="zone_work_id">


                                        <option value=""> Todos</option>

                                        @foreach($ZoneWork as $row)
                                        <option value="{{ $row->id}}" @if(isset($zone_work_id)) @if($zone_work_id==$row->id) selected @endif @endif>{{ $row->name}}</option>


                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>
                                        <h6>Turno
                                        </h6>
                                    </label>
                                    <select class="form-select
                                         select2" style="width: 100%;" id="shift_id" name="shift_id">


                                        <option value=""> Todos</option>

                                        @foreach($Shift as $row)
                                        <option value="{{ $row->id}}" @if(isset($shift_id)) @if($shift_id==$row->id) selected @endif @endif>{{ $row->name}}</option>


                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>
                                        <h6>Tipo programación
                                        </h6>
                                    </label>
                                    <select class="form-select
                                         select2" style="width: 100%;" id="type_general_programming_id" name="type_general_programming_id">


                                        <option value=""> Todos</option>

                                        @foreach($TypeGeneralProgramming as $row)
                                        <option value="{{ $row->id}}" @if(isset($type_general_programming_id)) @if($type_general_programming_id==$row->id) selected @endif @endif>{{ $row->name}}</option>


                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-1  flex-column justify-content-end">
                                <button class="btn-icon btn btn-warning" type="submit"><i class="pe-7s-filter btn-icon-wrapper"></i> Filtrar</button>
                            </div>

                        </div>

                    </form>

                    <hr>

                    <div class="row">
                        <div class="col-md-12 ">
                            <div class="form-group mb3">


                                <table style="width: 100%;" id="listgeneralprogramming" class="table nowrap table-hover table-striped table-bordered compact">

                                    <thead>
                                        <tr>
                                            <th style='width:0px'>#</th>
                                            <th>operador</th>
                                            <th>Zona de trabajo</th>
                                            <th>Turno</th>
                                            <th>Tipo programación</th>

                                            <th style='width:0px'>Estado</th>
                                            <th style='width:0px'>Editar</th>

                                        </tr>
                                    </thead>
                                    <tbody style="height: 1px !important">

                                        @foreach ($GeneralProgramming as $row )
                                        <tr style="height: 1px !important">
                                            <td style="height: 1px !important">{{$row->id}}</td>
                                            <td>{{$row->operator_name}}</td>
                                            <td>{{$row->zone_work_name}}</td>
                                            <td>{{$row->shift_name}}</td>
                                            <td>{{$row->type_general_programming_name}}</td>




                                            <td> <input type="checkbox" id="idstatus{{$row->id}}" value="{{$row->id}}" onchange="javascript:update_status('{{route('updategeneralprogramming')}}',this.id)" data-toggle="toggle" data-onstyle="success" data-offstyle="default" data-size="mini" data-on="Activo" data-off="Inactivo" @if($row->status==1) checked @endif> </td>

                                            <td>
                                                <a href="{{route('formgeneralprogramming',['id'=>$row->id])}}" class="btn mb-2 me-2 btn-icon btn-pill btn btn-outline-focus btn-sm" role="button"><i class="pe-7s-upload btn-icon-wrapper"></i>Editar</a>

                                            </td>
                                        </tr>

                                        @endforeach



                                    </tbody>

                                </table>
                            </div>

                        </div>

                    </div>
                </div>




            </div>

        </div>

    </div>

</div>

</div>

<script>
    $(function() {


        var table_generalprogramming = $('#listgeneralprogramming').DataTable({

            dom: 'Bfrtip'
            , buttons: [{
                extend: 'excel'
                , filename: 'lista'
                , title: 'Lista'
                , className: 'btn-icon btn btn-export'
                , text: '<i class="fa fa-fw" aria-hidden="true" title="Copy to use file-excel-o"></i> Exportar a Excel'
                , exportOptions: {
                    columns: [0, 1, 2, 3, 4]
                    , customizeData: function(excelData) {
                        excelData.body.forEach(function(row) {
                            row[2] = row[2];
                        });
                    }
                }
            }]
            , columnDefs: [{
                    "width": "5px"
                    , "targets": -1
                }, // Define el ancho de la primera columna como 200px
                {
                    "width": "5px"
                    , "targets": -2
                },

            ]
            , scrollX: true, // Activar el scroll horizontal


            autoWidth: true
            , pageLength: 200


        });

        table_generalprogramming.on('page.dt', function() {
            var paginaActualgeneralprogramming = table_generalprogramming.page.info().page;
            //console.log(paginaActualgeneralprogramming);
            sessionStorage.setItem('paginaActualgeneralprogramming', paginaActualgeneralprogramming);
        });
        table_generalprogramming.on('search.dt', function() {
            var valorBusquedageneralprogramming = table_generalprogramming.search();
            sessionStorage.setItem('valorBusquedageneralprogramming', valorBusquedageneralprogramming);
        });


        var paginaGuardada = sessionStorage.getItem('paginaActualgeneralprogramming');
        var valorBusquedageneralprogrammingGuardado = sessionStorage.getItem('valorBusquedageneralprogramming');
        if (paginaGuardada) {
            table_generalprogramming.page(parseInt(paginaGuardada)).draw(false);
        }
        if (valorBusquedageneralprogrammingGuardado) {
            table_generalprogramming.search(valorBusquedageneralprogrammingGuardado).draw();
        }




        $('.dt-button').removeClass('dt-button');




        $.validate({
            form: '#formid'
            , lang: 'es'
        , });




    });

</script>

@endsection