@extends('layouts.app')

@section('content')


<div>


    <div class="row justify-content-center">
        <div class="col-md-8">

            @include('includes.message')
            <!-- Nombre de la planta -->
            <h4 class="titulo">Sectores de la planta <b>{{$planta->nombre}}</b> </h4>



            <div class="form-group row mb-0">
                <div class="col-md-6 offset-md-4">

                    <!--boton para crear-->
                    <a href="" data-toggle="modal" data-target="#modalPoll-1" class="btn btn-outline-primary">
                        Nuevo Sector
                    </a>

                    <a href="{{ route('cliente.detalle', ['empresa'=>$planta->empresa])}}" class="btn btn-outline-primary">
                        Volver
                    </a>

                </div>
            </div>

            <br />
            <div class="clearfix"></div>

            <table class="table">
                <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Rango de estaciones</th>
                        <th></th>

                    </tr>
                </thead>
                <tbody>


                    @foreach($planta->sectores as $sector)
                    <tr>
                        <td>{!! $sector->nombre !!} </td>
                        <td>{!! $sector->estacion_d !!} - {!! $sector->estacion_h !!}</td>

                        <td>
                            <!-- Botón para eliminar-->
                            <div class="btn-nuevo">
                                <a href="{{ route('sector.delete', ['sector'=>$sector->id])}}"
                                    data-confirm='¿Seguro que desea eliminar el sector?' class="btn btn-outline-danger"
                                    name="b-borrar">
                                    <i class="fa fa-trash ml-1"></i>
                                    Borrar
                                </a>
                            </div>

                            <div class="btn-nuevo">

                            <button class="btn btn-outline-primary" onclick="mostrarModalEdit('', '', '', '')">
                                <i class="fa fa-pencil ml-1"></i>
                                Modificar

                            </button>
                             </div>

                        </td>

                    </tr>

                    @endforeach
                </tbody>
            </table>



        </div>


        <!-- Modal: modalPoll -->
        <div class="modal fade right" id="modalPoll-1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true" data-backdrop="false">
            <div class="modal-dialog modal-full-height modal-right modal-notify modal-info" role="document">
                <div class="modal-content">


                    <form method="POST" action="{{route('sector.create')}}" enctype="multipart/form-data"
                        aria-label="{{ __('Sector') }}" id="crear_sector" onsubmit="return validar_contador()">
                        @csrf

                        <input type="hidden" value=" " name="planta_id">

                        <!--Header-->
                        <div class="modal-header">
                            <p class="heading lead">Crear Sector
                            </p>

                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true" class="white-text">×</span>
                            </button>
                        </div>

                        <!--Body-->
                        <div class="modal-body">

                            <div class="form-group">


                                <div class="row">
                                    <label for="sector" class="col-md-4 col-form-label text-md-right">
                                        {{ __('Nombre del sector') }}
                                    </label>

                                    <div class="col-md-8">
                                        <input id="sector" type="text"
                                            class="form-control{{ $errors->has('sector') ? ' is-invalid' : '' }}"
                                            name="sector" value="01 "
                                            required autofocus>

                                        @if ($errors->has('sector'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('sector') }}</strong>
                                        </span>
                                        @endif
                                        <br>
                                    </div>

                                </div>

                                <!-- NÚMEROS DE ESTACIONES -->
                                <div class="row">
                                    <label for="estaciond" class="col-md-4 col-form-label text-md-right">
                                        {{ __('Estaciones desde') }}
                                    </label>

                                    <div class="col-md-3">
                                        <input id="estaciond" type="number"
                                            class="form-control{{ $errors->has('estaciond') ? ' is-invalid' : '' }}"
                                            name="estaciond" value="1" 
                                            min="1" required onchange="sumar_estaciones()">

                                        @if ($errors->has('estaciond'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('estaciond') }}</strong>
                                        </span>
                                        @endif
                                        <br>
                                    </div>

                                    <label for="estacionh" class="col-md-1 col-form-label text-md-right">
                                        {{ __('hasta') }}
                                    </label>

                                    <div class="col-md-3">
                                        <input id="estacionh" type="number"
                                            class="form-control{{ $errors->has('estacionh') ? ' is-invalid' : '' }}"
                                            name="estacionh" value="1" 
                                            min="1" required onchange="sumar_estaciones()">

                                        @if ($errors->has('estacionh'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('estacionh') }}</strong>
                                        </span>
                                        @endif
                                        <br>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <span>(Cantidad de estaciones: </span> <span
                                            id="estaciones"></span><span>)</span>
                                    </div>

                                </div>

                            </div>


                        </div>

                        <!--Footer-->
                        <div class="modal-footer justify-content-center">


                            <button type="submit" class="btn btn-outline-primary">
                                <i class="fa fa-save ml-1"></i>
                                Grabar
                            </button>
                            <button class="btn btn-outline-primary waves-effect" data-dismiss="modal">
                            Cancelar</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
        <!-- Modal: modalPoll -->





        <div class="modal fade right" id="modalPoll-edit" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true" data-backdrop="false">
            <div class="modal-dialog modal-full-height modal-right modal-notify modal-info" role="document">
                <div class="modal-content">


                    <form method="POST" action="{{route('sector.update')}}" enctype="multipart/form-data"
                        aria-label="{{ __('Sector') }}" id="modificar_sector" onsubmit="return validar_contador_edit()">
                        @csrf

                        <input type="hidden" id="sector_id" name="sector_id">

                        <!--Header-->
                        <div class="modal-header">
                            <p class="heading lead">Modificar Sector
                            </p>

                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true" class="white-text">×</span>
                            </button>
                        </div>

                        <!--Body-->
                        <div class="modal-body">

                            <div class="form-group">


                                <div class="row">
                                    <label for="sector_edit" class="col-md-4 col-form-label text-md-right">
                                        {{ __('Nombre del sector') }}
                                    </label>

                                    <div class="col-md-8">
                                        <input id="sector_edit" type="text"
                                            class="form-control{{ $errors->has('sector_edit') ? ' is-invalid' : '' }}"
                                            name="sector_edit"  required autofocus>

                                        @if ($errors->has('sector_edit'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('sector_edit') }}</strong>
                                        </span>
                                        @endif
                                        <br>
                                    </div>

                                </div>

                                <!-- NÚMEROS DE ESTACIONES -->
                                <div class="row">
                                    <label for="estaciond_edit" class="col-md-4 col-form-label text-md-right">
                                        {{ __('Estaciones desde') }}
                                    </label>

                                    <div class="col-md-3">
                                        <input id="estaciond_edit" type="number"
                                            class="form-control{{ $errors->has('estaciond_edit') ? ' is-invalid' : '' }}"
                                            name="estaciond_edit"  min="1" required
                                            onchange="sumar_estaciones_edit()">

                                        @if ($errors->has('estaciond_edit'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('estaciond_edit') }}</strong>
                                        </span>
                                        @endif
                                        <br>
                                    </div>

                                    <label for="estacionh_edit" class="col-md-1 col-form-label text-md-right">
                                        {{ __('hasta') }}
                                    </label>

                                    <div class="col-md-3">
                                        <input id="estacionh_edit" type="number"
                                            class="form-control{{ $errors->has('estacionh_edit') ? ' is-invalid' : '' }}"
                                            name="estacionh_edit" min="1" required
                                            onchange="sumar_estaciones_edit()">

                                        @if ($errors->has('estacionh_edit'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('estacionh_edit') }}</strong>
                                        </span>
                                        @endif
                                        <br>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-md-12">
                                        <span>(Cantidad de estaciones: </span> <span
                                            id="estaciones_edit"></span><span>)</span>
                                    </div>

                                </div>

                            </div>


                        </div>

                        <!--Footer-->
                        <div class="modal-footer justify-content-center">


                            <button type="submit" class="btn btn-outline-primary">
                                <i class="fa fa-save ml-1"></i>
                                Grabar
                            </button>
                            <button class="btn btn-outline-primary waves-effect" data-dismiss="modal">Cancelar</button>
                        </div>

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



    </div>
</div>

@endsection


@section('script')
<script src="{{ asset('js/funciones.js') }}"></script>
<script language="javascript">
$(document).ready(function(e) {
    sumar_estaciones();
    
});


function mostrarModalEdit(id, nombre, estaciond, estacionh) {

    $('#sector_edit').val(nombre);
    $('#sector_id').val(id);
    $('#estaciond_edit').val(estaciond);
    $('#estacionh_edit').val(estacionh);
    sumar_estaciones_edit();

    $("#modalPoll-edit").modal();
}
</script>
@endsection