{{-- layout extend --}}
@extends('../Administrador/layouts.app')

{{-- page title --}}
@section('title', 'Eventos - ')

@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/jquery.dataTables.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/select.dataTables.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/sweetalert/sweetalert.css')}}">
@endsection

{{-- page styles --}}
@section('page-style')

    <link rel="stylesheet" type="text/css" href="{{asset('css/pages/app-invoice.css')}}">
@endsection
<style>
    .swal2-container .select-wrapper{
    display: none !important;
    }
</style>
@section('content')
<!-- invoice list -->
<section class="invoice-list-wrapper section">
    <!-- create invoice button-->
    <!-- Options and filter dropdown button-->
    <div class="seaction">
        <div class="row">
            <div class="col s12 m12 l12">
                <div id="button-trigger2" class="card card card-default scrollspy">
                    <div class="card-content">
                        <!-- create invoice button-->
                        <div class="invoice-create-btn">
                            <a href="{{route('mcg.eventos.create')}}"
                                class="btn waves-effect waves-light invoice-create border-round z-depth-4">
                                <i class="material-icons">add</i>
                                <span class="hide-on-small-only">Registrar</span>
                            </a>
                        </div>
                        <br>
                        <div class="responsive-table">
                            <table class="table invoice-data-table white border-radius-4 pt-1" id="tableservicios">
                                <thead>
                                    <tr>
                                        <td><strong>Cuándo</strong></td>
                                        <td><strong>Quién / Qué</strong></td>
                                        <td><strong>Dónde</strong></td>
                                        <td><strong>Acciones</strong></td>
                                    </tr>
                                </thead>

                                <tbody>

                                    @foreach ($eventos as $evento)
                                    <tr>
                                        <td>

                                            <b>Fecha: </b>{{ Date::parse($evento->fecha)->format('d') }} de
                                            {{ Date::parse($evento->fecha)->format('F') }},
                                            {{ Date::parse($evento->fecha)->format('Y') }}

                                            <br>
                                            <b>Hora: </b>{{ \Carbon\Carbon::parse($evento->fecha)->format('H:i a') }}

                                        </td>
                                        <td>
                                            {{Str::limit($evento->descripcion, 50)}}</td>
                                        <td>


                                            @if ($evento->id_sede == '0')

                                            @else
                                                {{ $evento->sede->sede }}
                                            @endif
                                        </td>

                                        <td>
                                            {{-- <div class="invoice-action"> --}}
                                              <a href="{{route('mcg.eventos.edit',$evento->id)}}" class="invoice-action-edit">
                                                <button class="btn btn-danger" type="submit" rel="tooltip">
                                                    <i class="material-icons" title="Cancelar">edit</i>
                                                </button>
                                              </a>

                                              {!! Form::open(['route' => ['mcg.eventos.destroy', $evento->id], 'method'=>'DELETE','id' => $evento->id, 'name'=>"frmDel", 'id' =>'frmDel', 'class' =>'formulario-eliminar']) !!}
                                                @csrf
                                                @method('DELETE')
                                                <button class="btn btn-danger" type="submit" rel="tooltip">
                                                    <i class="material-icons" title="Cancelar">delete</i>
                                                </button>

                                              {!! Form::close() !!}
                                            {{-- </div> --}}
                                          </td>
                                    </tr>
                                @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('vendor-script')
<script src="{{asset('vendors/data-tables/js/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('vendors/data-tables/js/dataTables.select.min.js')}}"></script>
<script src="{{asset('vendors/sweetalert/sweetalert.min.js')}}"></script>
@endsection
{{-- page script --}}
@section('page-script')
    @if(session('del') == 'del')
    <script>
        Swal.fire(
        '¡Atención!',
        'El registro se eliminó correctamente.',
        'success'
        )
    </script>
    @endif

    @if(session('ok') == 'ok')
    <script>
        Swal.fire(
        '¡Atención!',
        'El registro se guardó correctamente.',
        'success'
        )
    </script>
    @endif
    @if(session('up') == 'up')
    <script>
        Swal.fire(
        '¡Atención!',
        'El registro se modificó correctamente.',
        'success'
        )
    </script>
    @endif
<script>
    $(document).ready(function() {
        $("#tableservicios").dataTable().fnDestroy();
        $('#tableservicios').DataTable({language:datatable_esp,"ordering": false,"order": [[ 1, 'desc' ]]});
    });

    $('.formulario-eliminar').submit(function(e) {
        e.preventDefault();
        Swal.fire({
            title: '¿Está seguro?',
            text: "Al confirmar se eliminará el registro",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            cancelButtonText:'Cancelar',
            confirmButtonText: 'Eliminar'
        }).then((result) => {
        if (result.isConfirmed) {
            document.forms["frmDel"].submit();
            }
        })
    });
</script>
@endsection