@extends('layouts.inspinia.app')
@section('title', 'Agencias')
@section('titulopagina', 'Administración')

@section('content')
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>@yield('title')</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="#">@yield('title')</a>
                </li>
                <li class="breadcrumb-item active">
                    <strong>Listado</strong>
                </li>
            </ol>
        </div>

        <div class="col-sm-8">
            <div class="title-action">
                <a href="{{ route('agencias.create') }}" class="btn btn-primary">Nuevo</a>
            </div>
        </div>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight">

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title"> Agencias </h4>
                    </div>
                    <div class="card-body">

                        

                        @if ($message = Session::get('success'))
                            <div class="alert alert-success">
                                <p>{{ $message }}</p>
                            </div>
                        @endif

                        <div class="table-responsive">
                            <table id="tabla" class="table ">
                                <thead class=" text-primary">
                                    <tr>
                                        <th>
                                            Codigo
                                        </th>
                                        <th>
                                            Nombre Agencia
                                        </th>
                                        <th>
                                            Contacto
                                        </th>
                                        <th>
                                            Direccion
                                        </th>
                                        <th>
                                            Comuna
                                        </th>
                                        <th>
                                            Telefono
                                        </th>
                                        <th>
                                            Email
                                        </th>
                                        <th>
                                            Estado
                                        </th>

                                        <th class="text-right">

                                        </th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach ($agencias as $agencia)
                                        <tr>
                                            <td>
                                                {{ $agencia->cod_agencia }}
                                            </td>
                                            <td>
                                                {{ $agencia->nom_agencia }}
                                            </td>
                                            <td>
                                                {{ $agencia->contacto }}
                                            </td>
                                            <td>
                                                {{ $agencia->direccion }}
                                            </td>
                                            <td>
                                                {{ $agencia->comuna }}
                                            </td>
                                            <td>
                                                {{ $agencia->telefono }}
                                            </td>
                                            <td>
                                                {{ $agencia->email }}
                                            </td>
                                            <td>                                                
                                                @if ($agencia->checkdata == 1) 
                                                    Activo                                            
                                                @else
                                                    Desactivado
                                                @endif
                                            </td>

                                            <td class="td-actions text-right">
                                                <a href="{{ route('agencias.edit', $agencia->cod_agencia) }}" rel="tooltip"
                                                    title="Editar" class="btn btn-info btn-sm btn-icon">
                                                    <i class="fa fa-edit"></i>
                                                </a>

                                            </td>
                                        </tr>
                                    @endforeach







                                </tbody> 
                                <tfoot>
                                   
                                </tfoot>
                            </table>

                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection

@section('javascript')

    <style>
        .dt-button {
            padding: 0;
            border: none;
        }
    </style>

    <script>
        $(document).ready(function() {

            @if ($message = Session::get('success'))

                swal({
                    title: "Atencion",
                    text: "{{ $message }}"
                });
            @endif

            var table = $('#tabla').DataTable({

                "language": {
                    "lengthMenu": "Mostrar _MENU_ registros por página",
                    "zeroRecords": "No se encontró nada, lo siento",
                    "info": "Mostrando pagina  _PAGE_ de _PAGES_",
                    "infoEmpty": "No hay registros disponibles",
                    "search": "Buscar:",
                    "infoFiltered": "(filtrado de _MAX_ registros totales)",
                    "paginate": {
                        "first": "Primero",
                        "last": "Ultimo",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },

                dom: 'Bfrtip',
                lengthChange: false,
                buttons: [{
                        //Botón para Excel
                        extend: 'excel',
                        footer: true,
                        title: 'Agencias',
                        filename: 'Agencias',

                        //Aquí es donde generas el botón personalizado
                        text: '<button class="btn btn-primary">Exportar a Excel <i class="fa fa-file-excel-o"></i></button>'
                    },
                    //Botón para PDF
                    {
                        extend: 'pdf',
                        footer: true,
                        title: 'Agencias',
                        filename: 'Agencias',
                        text: '<button class="btn btn-danger">Exportar a PDF <i class="fa fa-file-pdf-o"></i></button>'
                    }
                ]
            });



        });
    </script>

@endsection