@extends('layouts.app')
<link rel="stylesheet" href="{{ asset('vendors/select2/select2.min.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('vendors/select2/select2-materialize.css') }}" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('css/pages/form-select2.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/pages/data-tables.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/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
<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/sweetalert/sweetalert.css') }}">

@section('title')
    Sección
@endsection
@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="input-field col s10"></div>
                        <div class="input-field col s2">
                            <div class="form-group">
                                <a href="{{ route('seccion.create') }}" class="btn btn-submit text-light " role="button" aria-disabled="true">Agregar sección
                                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" class="bi bi-plus-circle-dotted" viewBox="0 0 16 16">
                                        <path d="M8 0c-.176 0-.35.006-.523.017l.064.998a7.117 7.117 0 0 1 .918 0l.064-.998A8.113 8.113 0 0 0 8 0zM6.44.152c-.346.069-.684.16-1.012.27l.321.948c.287-.098.582-.177.884-.237L6.44.153zm4.132.271a7.946 7.946 0 0 0-1.011-.27l-.194.98c.302.06.597.14.884.237l.321-.947zm1.873.925a8 8 0 0 0-.906-.524l-.443.896c.275.136.54.29.793.459l.556-.831zM4.46.824c-.314.155-.616.33-.905.524l.556.83a7.07 7.07 0 0 1 .793-.458L4.46.824zM2.725 1.985c-.262.23-.51.478-.74.74l.752.66c.202-.23.418-.446.648-.648l-.66-.752zm11.29.74a8.058 8.058 0 0 0-.74-.74l-.66.752c.23.202.447.418.648.648l.752-.66zm1.161 1.735a7.98 7.98 0 0 0-.524-.905l-.83.556c.169.253.322.518.458.793l.896-.443zM1.348 3.555c-.194.289-.37.591-.524.906l.896.443c.136-.275.29-.54.459-.793l-.831-.556zM.423 5.428a7.945 7.945 0 0 0-.27 1.011l.98.194c.06-.302.14-.597.237-.884l-.947-.321zM15.848 6.44a7.943 7.943 0 0 0-.27-1.012l-.948.321c.098.287.177.582.237.884l.98-.194zM.017 7.477a8.113 8.113 0 0 0 0 1.046l.998-.064a7.117 7.117 0 0 1 0-.918l-.998-.064zM16 8a8.1 8.1 0 0 0-.017-.523l-.998.064a7.11 7.11 0 0 1 0 .918l.998.064A8.1 8.1 0 0 0 16 8zM.152 9.56c.069.346.16.684.27 1.012l.948-.321a6.944 6.944 0 0 1-.237-.884l-.98.194zm15.425 1.012c.112-.328.202-.666.27-1.011l-.98-.194c-.06.302-.14.597-.237.884l.947.321zM.824 11.54a8 8 0 0 0 .524.905l.83-.556a6.999 6.999 0 0 1-.458-.793l-.896.443zm13.828.905c.194-.289.37-.591.524-.906l-.896-.443c-.136.275-.29.54-.459.793l.831.556zm-12.667.83c.23.262.478.51.74.74l.66-.752a7.047 7.047 0 0 1-.648-.648l-.752.66zm11.29.74c.262-.23.51-.478.74-.74l-.752-.66c-.201.23-.418.447-.648.648l.66.752zm-1.735 1.161c.314-.155.616-.33.905-.524l-.556-.83a7.07 7.07 0 0 1-.793.458l.443.896zm-7.985-.524c.289.194.591.37.906.524l.443-.896a6.998 6.998 0 0 1-.793-.459l-.556.831zm1.873.925c.328.112.666.202 1.011.27l.194-.98a6.953 6.953 0 0 1-.884-.237l-.321.947zm4.132.271a7.944 7.944 0 0 0 1.012-.27l-.321-.948a6.954 6.954 0 0 1-.884.237l.194.98zm-2.083.135a8.1 8.1 0 0 0 1.046 0l-.064-.998a7.11 7.11 0 0 1-.918 0l-.064.998zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col s12">
                            <table id="table_id">
                                <thead>
                                <tr>
                                    <th style="text-align: center;">Secciones</th>
                                    <th style="text-align: center;">Acciones</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(count($secciones))
                                    @foreach($secciones as $seccion)
                                        <tr>
                                            <td style="text-align: center;">
                                                <b>Código: </b>{{$seccion->codigo}}<br>
                                                <b>Sección: </b> {{$seccion->seccion}}<br>
                                                <b>Dirección: </b> {{$seccion->direccion->nombre_completo}}<br>
                                                <b>Estatus: </b> @if($seccion->status == 1) Activa @else Inactiva @endif
                                            </td>
                                            <td style="text-align: center;">
                                                <a title="Editar" class="tooltipped" data-position="bottom" data-tooltip="Editar"
                                                   href="{{ route('seccion.edit', [$seccion->id]) }}">
                                                    <i class="material-icons iconlegislatura">create</i>
                                                </a>
                                                @if($seccion->status == 1)
                                                    <a title="Desactivar" class="tooltipped" data-position="bottom" data-tooltip="Desactivar"
                                                       onclick="eliminar({{$seccion->id}})">
                                                        {{--                                                       href="{{ route('series.destroy', [$serie->id]) }}">--}}
                                                        <i class="material-icons iconlegislatura" style="color:red;">delete_forever</i>
                                                    </a>
                                                @endif
                                                @if($seccion->status == 0)
                                                    <a title="Activar" class="tooltipped" data-position="bottom" data-tooltip="Activar"
                                                       onclick="activa({{$seccion->id}})">
                                                        <i class="material-icons iconlegislatura" style="color: green;">check_circle</i>
                                                    </a>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr>
                                        <td colspan="2"><center>No tienes permisos registrados</center></td>
                                    </tr>
                                @endif
                                </tbody>
                            </table>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@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

@push('scripts')
    <script type="text/javascript">
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        function eliminar(id){
            swal({
                title: "¿Estas seguro de desactivar la Sección?",
                text: "",
                icon: 'success',
                dangerMode: true,
                buttons: {
                    cancel: 'CANCELAR',
                    accept: 'ACEPTAR'
                }
            }).then(function(willDelete) {
                if (willDelete) {
                    $.ajax({
                        url: "{{ url('upSeccion') }}",
                        type: 'GET',
                        data: {
                            id,
                        },
                        success: function(response) {
                            swal({
                                title: "Sección desactivada satisfactoriamente",
                                icon: 'success',
                                dangerMode: true,
                                timer: 2000,
                                buttons: false
                            }).then(function(willDelete) {
                                if (willDelete) {
                                    location.reload();
                                } else {
                                    location.reload();
                                }
                            });
                        },
                        error: function(xhr, status, error) {
                        }
                    })
                }
            });
        }

        function activa(id){
            swal({
                title: "¿Estas seguro de activar la Sección?",
                text: "",
                icon: 'success',
                dangerMode: true,
                buttons: {
                    cancel: 'CANCELAR',
                    accept: 'ACEPTAR'
                }
            }).then(function(willDelete) {
                if (willDelete) {
                    $.ajax({
                        url: "{{ url('upSeccion') }}",
                        type: 'GET',
                        data: {
                            id,
                        },
                        success: function(response) {
                            swal({
                                title: "Sección activada satisfactoriamente",
                                icon: 'success',
                                dangerMode: true,
                                timer: 2000,
                                buttons: false
                            }).then(function(willDelete) {
                                if (willDelete) {
                                    location.reload();
                                } else {
                                    location.reload();
                                }
                            });
                        },
                        error: function(xhr, status, error) {
                        }
                    })
                }
            });
        }



    </script>
@endpush