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

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

@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

@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.diputados.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 Diputado</span>
                            </a>
                        </div>
                        <br>
                        <div class="responsive-table">
                            <table class="table invoice-data-table white border-radius-4 pt-1" id="tableservicios">
                                <thead>
                                    <tr>
                                        <th>
                                            <span>Id</span>
                                        </th>
                                        <th>Nombre</th>
                                        <th>Distrito</th>
                                        <th>Partido</th>
                                        <th>Detalles</th>
                                    </tr>
                                </thead>

                                <tbody>

                                    @foreach ($diputados as $diputado)
                                    <tr>
                                        <td>{{ $diputado->id }}</td>
                                        <td>{{ $diputado->completo }}</td>
                                        <td>{{ $diputado->distrito->municipio }}</td>
                                        <td>{{ $diputado->partido->nombre }}</td>
                                        <td>
                                            <div class="invoice-action">
                                              <a href="{{route('mcg.diputados.edit',$diputado->id)}}" class="invoice-action-edit">
                                                <i class="material-icons">edit</i>
                                              </a>
                                              {!! Form::open(['route' => ['mcg.diputados.destroy', $diputado->id], 'method'=>'DELETE','id' => $diputado->id]) !!}
                                                <a href="javascript:{}" onclick="eliminar({{ $diputado->id }})"><i class="material-icons">delete</i></a>
                                              {!! 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')
<script>
    $(document).ready(function() {
        $("#tableservicios").dataTable().fnDestroy();
        $('#tableservicios').DataTable({language:datatable_esp,"ordering": true,"order": [[ 1, 'asc' ]]});  
        ///$('select:not(.swal2-select)').formSelect();
        @if(session('deleteD') == 'ok')
            Swal.fire({
                title:  'Eliminado',
                text:  'Registro eliminado correctamente',
                icon: 'success',
            
            })
        @endif

    });
    
    function eliminar(id){
 
        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: 'Aceptar'
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById(id).submit();
                
            }
        })
        
    }


</script>

@endsection