@extends('layouts.app')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/jquery-tags-input/jquery.tagsinput.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/dropzone/dropzone.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/dropify/css/dropify.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/bootstrap-colorpicker/bootstrap-colorpicker.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/tempusdominus-bootstrap-4/tempusdominus-bootstrap-4.min.css') }}"
          rel="stylesheet"/>
    <link href="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
    <div class="row">
        <div class="col-md-12 grid-margin stretch-card">
            <div class="card">
                <div class="card-body">
                    <a href="{{route('lugares.create')}}">
                        <button type="button" class="btn btn-primary btn-icon-text">
                            <i class="btn-icon-prepend" data-feather="plus-circle"></i>
                            Crear
                        </button>
                    </a>
                    <br><br>
                    <div class="table-responsive">
                        <table id="dataTableExample" class="table">
                            <thead>

                            <tr>
                                <th>Núm.</th>
                                <th>Descripcion</th>
                                <th>Cantidad</th>
                                <th>Disponible</th>
                                <th>Vista</th>
                                <th>Vista</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($data as $key => $item)
                                <tr>
                                    <td>{{$key+1}}</td>
                                    <td>{{$item->partido}}</td>
                                    <td>{{$item->cantidad}}</td>
                                    <td>{{$item->disponible}}</td>
                                    <td>@if($item->vista == 1) Curules @else Butacas @endif</td>
                                    <td>
                                        {!! Form::open(['route'=>["lugares.destroy", $item->id], 'class'=>'form_destro', 'method'=>'DELETE', 'role' => 'form', 'id'=> $item->id.'form' ]) !!}
                                        <button type="submit" class="btn btn-primary btn-icon destroy" data-id="{{$item->id}}">
                                            <i data-feather="trash-2"></i>
                                        </button>
                                        {!! Form::close() !!}
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
    <script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/inputmask/jquery.inputmask.bundle.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/typeahead-js/typeahead.bundle.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/jquery-tags-input/jquery.tagsinput.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/dropzone/dropzone.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/dropify/js/dropify.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/moment/moment.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/tempusdominus-bootstrap-4/tempusdominus-bootstrap-4.js') }}"></script>
    <script src="{{ asset('assets/plugins/sweetalert2/sweetalert2.min.js') }}"></script>
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/form-validation.js') }}"></script>
    <script src="{{ asset('assets/js/bootstrap-maxlength.js') }}"></script>
    <script src="{{ asset('assets/js/inputmask.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <script src="{{ asset('assets/js/typeahead.js') }}"></script>
    <script src="{{ asset('assets/js/tags-input.js') }}"></script>
    <script src="{{ asset('assets/js/dropzone.js') }}"></script>
    <script src="{{ asset('assets/js/dropify.js') }}"></script>
    <script src="{{ asset('assets/js/bootstrap-colorpicker.js') }}"></script>
    <script src="{{ asset('assets/js/timepicker.js') }}"></script>
    <script src="{{ asset('assets/js/sweet-alert.js') }}"></script>

    <script type="text/javascript">

        $(document).on("click", ".destroy", function(e){
            e.preventDefault();
            var id = $(this).data("id");
            url = "{{asset('/getlugares')}}/" + id;
            $.ajax({
                url: url,
                type: "get",
                success: function (response) {

                    if(response.action == '0'){
                        Swal.fire({
                            title: "¡Error!",
                            icon: "error",
                            text: "¡Este compra no se puede eliminar ya tuvo salidas!",
                        });
                    }else{
                        Swal.fire({
                            title: "¿Está seguro?",
                            text: "Al oprimir el botón de aceptar se eliminará el registro",
                            icon: "warning",
                            showCancelButton: true,
                            confirmButtonColor: "#3085d6",
                            cancelButtonColor: "#d33",
                            confirmButtonText: "Eliminar",
                        }).then((result) => {
                            if (result.value) {
                                $('#'+id+'form').submit();
                            }
                        });
                    }
                }
            });
        });
        $(document).ready(function () {
            console.log("esto si")
            @if (session('create') == 'ok')
            Swal.fire({
                position: 'top-end',
                icon: 'success',
                title: 'Exito',
                text: 'Se ha guardado correctamente!',
                showConfirmButton: false,
                timer: 1500
            })
            @endif
            @if (session('edit') == 'ok')
            Swal.fire({
                position: 'top-end',
                icon: 'success',
                title: 'Se ha modificado correctamente el registro.',
                showConfirmButton: false,
                timer: 1500
            })
            @endif
        });

        @if(session('delete') == 'ok')
        swal.fire({
            title: 'Eliminado',
            text: 'Registro eliminado correctamente',
            icon: 'success',
        })
        @endif
    </script>
@endpush