@extends('template.layoutAdmin', ['activeButton'=>'servicios'])

@section('style')
    <link rel="stylesheet" type="text/css" href="https://uicdn.toast.com/tui-calendar/latest/tui-calendar.css" />

    <!-- If you use the default popups, use this. -->
    <link rel="stylesheet" type="text/css" href="https://uicdn.toast.com/tui.date-picker/latest/tui-date-picker.css" />
    <link rel="stylesheet" type="text/css" href="https://uicdn.toast.com/tui.time-picker/latest/tui-time-picker.css" />
    <style>
        .selectHead {
            -webkit-border-radius: 7px;
            margin-top: 5px;
        }

        .iconTop {
            height: 91px;
        }

        .activeOption {
            background: yellow !important;
        }

        .calendar {
            height: 500px;
        }

        .tui-full-calendar-dayname-date {
            font-size: 26px;
            display: none;
        }

        .tui-full-calendar-dayname-date-area {
            color: black;
        }

    </style>
@endsection

@section('title')
    {{  trans('horarios.horarios') }}
@endsection

@section('cabecera')
    <h1>
        {{ trans('horarios.horarios')}}
        <small>{{ trans('horarios.mensajeAyuda') }}</small>
    </h1>
@endsection

@section('contenido')
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col">
                    <div class="row">
                        @if ($comercio->idPerfil != 68)
                            <div class="col">
                                <select name="tipHorario" id="tipHorario" class="form-control selectHead" onchange="onchangSelectHead(this)">
                                    <option value="0" {{ $general==true ? 'selected="1"' : ''}} selected> {{  trans('horarios.horario_general') }}
                                    </option>
                                    <option value="1" {{ $general == false? 'selected="1"' : ''  }}> {{  trans('horarios.horario_servicio') }}
                                    </option>
                                </select>
                            </div> 
                        @else
                            <div class="col">
                                <h3 class="box-title">{{ trans('horarios.horario_general')}}</h3>
                            </div>
                        @endif
                        
                    </div>
                    @include('system.Horarios.components.cabecera')
                </div>
                @if (!empty($generalServices))
                    <div class="col-md-2 text-left">
                        <div class="col mt-5">
                            <div class="row">
                                <div class="col text-center">
                                    <label class="switch">
                                        @if ($general)
                                            <input
                                                type="checkbox"
                                                name="ordenar"
                                                onclick="changeStateHorario()"
                                                id="ordenar" value=""
                                                class="success"
                                                {!!  $generalServices->state == 0 ? 'checked="true"': '' !!}
                                            >
                                        @else
                                            <input
                                                type="checkbox"
                                                name="ordenar"
                                                onclick="changeStateHorario('{{$generalServices->idAbierto_servicios}}')"
                                                id="ordenar" value=""
                                                class="success"
                                                {!!  $generalServices->state == 0 ? 'checked="true"': '' !!}
                                            >
                                        @endif
                                        <span class="slider round"  id="stateServiceColor"></span>
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col text-center" id="stateServiceText">
                                    {!!  $generalServices->state == 0 ? trans('horarios.servicio_abierto') : trans('horarios.servicio_cerrado') !!}
                                        <!-- i have any questions about that strings -->
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-lg-12">
            <div class="info-box">
                <div class="box-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box-header">
                                <div class="row">
                                    <div class="col-md-8">
                                        <h3 class="box-title">{{ trans('aforo.aforodereservas') }} </h3>
                                    </div>
                                    <div class="col-md-4 text-right">
                                        @if (Request::get('horario') == "ordenar"  || Request::get('horario') == "parallevar" ||  Request::get('horario') == "domicilios" || Request::get('general') == "true" )
                                            <button type="button" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#staticBackdrop">
                                                <i class="fa fa-plus" aria-hidden="true"></i>
                                            </button>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <table class="table table-responsive table-bordered" id="tbActualizar">
                                <thead>
                                    <tr>
                                        <th></th>
                                        @foreach($diasP as $key => $dia)
                                            <th style="vertical-align: middle;" class="text-center">
                                                <b>
                                                    {{$dia}}
                                                </b>
                                            </th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody class="text-center">
                                    @if (count($tiempos) > 0)
                                        @foreach ($tiempos as $key => $tiempo)
                                            <tr>
                                                <td>{{$tiempo}}</td>
                                                @foreach ($dias as $key2 => $item)
                                                    @php
                                                        $horario = $dataHorario[$item][$key]??null;
                                                        $timeF = ($horario->hora_f ?? '00')." ".($horario->am_pm_f ?? 'AM') == "12 AM" ? "00:".$horario->minuto_f." ".$horario->am_pm_f:($horario->hora_f ?? '00').":".($horario->minuto_f ?? '00')." ".($horario->am_pm_f ?? 'AM');
                                                        $time = ($horario->hora_i ?? '00')." ".($horario->am_pm_i ?? 'AM') == "12 AM" ? "00:".$horario->minuto_i." ".$horario->am_pm_i:($horario->hora_i ?? '00').":".($horario->minuto_i ?? '00')." ".($horario->am_pm_i ?? 'AM');
                                                    @endphp
                                                    <td style="border-bottom-color: {{(($horario->dia_fin??null) == $item && $tiempos[($key+1 <= (count($tiempos)-1)? $key+1:0)] == $timeF) ? 'black':($horario != null?'#68CB43':'')}};background-color: {{($horario ?? null) != null ? '#68CB43':''}}; @if ($horario != null) cursor: pointer; @endif" @if($horario != null) onclick="editHorario('{{$horario->idHorario}}')" @endif>
                                                        @if ((($horario->dia ?? null) == $item && $tiempos[($key <= (count($tiempos)-1)? $key:0)] == $time))
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <small style="font-size:12px;color: white">{{ trans('horarios.inicio') }}</small>
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <small style="font-size:12px;color: white">{{$time}}</small>
                                                                </div>
                                                            </div>
                                                        @endif
                                                        @if (((($horario->dia_fin ?? null) == $item || ($horario->dia_fin ?? null) == $dias[($key2+1) == 7 ? 6:($key2+1)]) && $tiempos[($key+1 <= (count($tiempos)-1)? $key+1:0)] == $timeF))
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <small style="font-size:12px;color: white">{{ trans('horarios.final') }}</small>
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <small style="font-size:12px;color: white">{{$timeF}}</small>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </td>
                                                @endforeach
                                            </tr>
                                        @endforeach
                                    @else
                                        <td colspan="8">{{ trans('aforo.noTieneAforos') }}</td>
                                    @endif
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">
                    {{trans('horarios.agregarHorario')}}
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <form id="formHorario">
                    @if (Request::get('general') == "true")
                        <input type="hidden" name="idEstadoHorario" id="horarioGeneral" value="0">
                    @endif

                    @if (Request::get('horario') == "ordenar"  || Request::get('horario') == "parallevar" ||  Request::get('horario') == "domicilios")
                        <input type="hidden" name="idEstadoHorario" id="horarioGeneral" value="1">
                    @endif

                    @if (Request::get('horario') == "ordenar" )
                        <input type="hidden" name="idServicioHorario" id="idServicioHorario" value="22">
                    @endif
                    @if (Request::get('horario') == "parallevar"  )
                        <input type="hidden" name="idServicioHorario" id="idServicioHorario" value="23">
                    @endif
                    @if (Request::get('horario') == "domicilios" )
                        <input type="hidden" name="idServicioHorario" id="idServicioHorario" value="24">
                    @endif
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col">
                                        <h3> {{  trans('horarios.desde') }}	</h3>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="dar"> {{  trans('horarios.dia_de_inicio') }} </label>
                                            <select name="diaI" id="diaI" class="form-control selectHead">
                                                <option value="LUNES"> {{  trans('horarios.lunes') }} </option>
                                                <option value="MARTES"> {{  trans('horarios.martes') }}	</option>
                                                <option value="MIERCOLES"> {{  trans('horarios.miercoles') }} </option>
                                                <option value="JUEVES"> {{  trans('horarios.jueves') }}	</option>
                                                <option value="VIERNES"> {{  trans('horarios.viernes') }} </option>
                                                <option value="SABADO"> {{  trans('horarios.sabado') }}	</option>
                                                <option value="DOMINGO"> {{  trans('horarios.domingo') }} </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <label for=""> {{  trans('horarios.hora') }}</label>
                                        <select name="horasI" id="horasI" class="form-control selectHead">
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>
                                    </div>
                                    <div class="col">
                                        <label for=""> {{  trans('horarios.minutos') }}	</label>
                                        <select name="minutosI" id="minutosI" class="form-control selectHead">
                                            <option value="00">00</option>
                                            <option value="15">15</option>
                                            <option value="30">30</option>
                                            <option value="45">45</option>

                                        </select>
                                    </div>
                                    <div class="col">
                                        <label for=""> {{  trans('horarios.jornada') }}	</label>
                                        <select name="jornadaI" id="jornadaI" class="form-control selectHead">
                                            <option value="AM">AM</option>
                                            <option value="PM">PM</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col">
                                        <h3> {{  trans('horarios.hasta') }}	</h3>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <div class="form-group">
                                            <label for="dar"> {{  trans('horarios.dia_final') }} </label>
                                            <select name="diaF" id="diaF" class="form-control selectHead">
                                                <option value="LUNES"> {{  trans('horarios.lunes') }} </option>
                                                <option value="MARTES"> {{  trans('horarios.martes') }}	</option>
                                                <option value="MIERCOLES"> {{  trans('horarios.miercoles') }} </option>
                                                <option value="JUEVES"> {{  trans('horarios.jueves') }}	</option>
                                                <option value="VIERNES"> {{  trans('horarios.viernes') }} </option>
                                                <option value="SABADO"> {{  trans('horarios.sabado') }}	</option>
                                                <option value="DOMINGO"> {{  trans('horarios.domingo') }} </option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col">
                                        <label for=""> {{  trans('horarios.hora') }} </label>
                                        <select name="horasF" id="horasF" class="form-control selectHead">
                                            <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>
                                    </div>
                                    <div class="col">
                                        <label for=""> {{  trans('horarios.minutos') }}	</label>
                                        <select name="minutosF" id="minutosF" class="form-control selectHead">
                                            <option value="00">00</option>
                                            <option value="15">15</option>
                                            <option value="30">30</option>
                                            <option value="45">45</option>

                                        </select>
                                    </div>
                                    <div class="col">
                                        <label for=""> {{  trans('horarios.jornada') }}	</label>
                                        <select name="jornadaF" id="jornadaF" class="form-control selectHead">
                                            <option value="AM">AM</option>
                                            <option value="PM">PM</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer text-center mb-10">
                <div class="col-md-12">
                    <div class="text-center">
                        <button type="button" class="btn btn-primary" onclick="sendHorario()" style="background: green"> {{  trans('horarios.aceptar') }} </button>
                    </div>
                </div>
            </div>

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

    <!-- Modal Options -->
    <div class="modal fade" id="modalHorario" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="modalHorario" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                        <h5 class="modal-title" id="staticBackdropLabel"> {{  trans('horarios.editarHorario') }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                </div>
                <div class="modal-body">

                    <form id="formHorarioEdit">

                        {{-- <div class="modal-body"> --}}
                            @if (Request::get('general') == "true" )
                            <input type="hidden" name="idEstadoHorario" id="horarioGeneral" value="0">
                            @endif
                            @if (Request::get('horario') == "ordenar"  || Request::get('horario') == "parallevar" ||  Request::get('horario') == "domicilios" )
                            <input type="hidden" name="idEstadoHorario" id="horarioGeneral" value="1">
                            @endif
                            @if (Request::get('horario') == null && Request::get('general') == null)
                            <input type="hidden" name="idEstadoHorario" id="horarioGeneral" value="xxxxxxx">
                            @endif
                            @if (Request::get('horario') == "ordenar" )
                            <input type="hidden" name="idServicioHorario" id="idServicioHorario" value="22">
                            @endif
                            @if (Request::get('horario') == "parallevar"  )
                            <input type="hidden" name="idServicioHorario" id="idServicioHorario" value="23">
                            @endif
                            @if (Request::get('horario') == "domicilios" )
                            <input type="hidden" name="idServicioHorario" id="idServicioHorario" value="24">
                            @endif
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col">
                                                <h3> {{  trans('horarios.desde') }}	</h3>
                                            </div>
                                        </div>

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

                                        <div class="row">
                                            <div class="col">
                                                <div class="form-group">
                                                    <label for="dar"> {{  trans('horarios.dia_de_inicio') }} </label>
                                                    <select name="diaI" id="diaIEdit" class="form-control selectHead">

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <label for=""> {{  trans('horarios.hora') }} </label>
                                                <select name="horasI" id="horasIEdit" class="form-control selectHead">
                                                    <option value="01">01</option>
                                                    <option value="02">02</option>
                                                    <option value="03">03</option>
                                                    <option value="04">04</option>
                                                    <option value="05">05</option>
                                                    <option value="06">06</option>
                                                    <option value="07">07</option>
                                                    <option value="08">08</option>
                                                    <option value="09">09</option>
                                                    <option value="10">10</option>
                                                    <option value="11">11</option>
                                                    <option value="12">12</option>
                                                </select>
                                            </div>
                                            <div class="col">
                                                <label for=""> {{  trans('horarios.minutos') }}	</label>
                                                <select name="minutosI" id="minutosIEdit" class="form-control selectHead">
                                                    <option value="00">00</option>
                                                    <option value="15">15</option>
                                                    <option value="30">30</option>
                                                    <option value="45">45</option>

                                                </select>
                                            </div>
                                            <div class="col">
                                                <label for=""> {{  trans('horarios.jornada') }}	</label>
                                                <select name="jornadaI" id="jornadaIEdit" class="form-control selectHead">
                                                    <option value="AM">AM</option>
                                                    <option value="PM">PM</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="row">
                                            <div class="col">
                                                <h3> {{  trans('horarios.hasta') }}	</h3>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <div class="form-group">
                                                    <label for="dar"> {{  trans('horarios.dia_final') }} </label>
                                                    <select name="diaF" id="diaFEdit" class="form-control selectHead">
                                                        <option value="LUNES"> {{  trans('horarios.lunes') }} </option>
                                                        <option value="MARTES"> {{  trans('horarios.martes') }}	</option>
                                                        <option value="MIERCOLES"> {{  trans('horarios.miercoles') }} </option>
                                                        <option value="JUEVES"> {{  trans('horarios.jueves') }}	</option>
                                                        <option value="VIERNES"> {{  trans('horarios.viernes') }} </option>
                                                        <option value="SABADO"> {{  trans('horarios.sabado') }}	</option>
                                                        <option value="DOMINGO"> {{  trans('horarios.domingo') }} </option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col">
                                                <label for=""> {{  trans('horarios.hora') }} </label>
                                                <select name="horasF" id="horasFEdit" class="form-control selectHead">
                                                    <option value="01">01</option>
                                                    <option value="02">02</option>
                                                    <option value="03">03</option>
                                                    <option value="04">04</option>
                                                    <option value="05">05</option>
                                                    <option value="06">06</option>
                                                    <option value="07">07</option>
                                                    <option value="08">08</option>
                                                    <option value="09">09</option>
                                                    <option value="10">10</option>
                                                    <option value="11">11</option>
                                                    <option value="12">12</option>
                                                </select>
                                            </div>
                                            <div class="col">
                                                <label for=""> {{  trans('horarios.minutos') }}	</label>
                                                <select name="minutosF" id="minutosFEdit" class="form-control selectHead">
                                                    <option value="00">00</option>
                                                    <option value="15">15</option>
                                                    <option value="30">30</option>
                                                    <option value="45">45</option>

                                                </select>
                                            </div>
                                            <div class="col">
                                                <label for=""> {{  trans('horarios.jornada') }}	</label>
                                                <select name="jornadaF" id="jornadaFEdit" class="form-control selectHead">
                                                    <option value="AM">AM</option>
                                                    <option value="PM">PM</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </form>

                </div>
                <div class="modal-footer text-center">
                    <button class="btn btn-danger" id="bntDelete" onclick="deleteHorario()" style="background: red"><i class="fa fa-trash" aria-hidden="true"></i></button>
                    <button type="button" class="btn btn-primary"  onclick="updated()"> {{  trans('horarios.actualizar') }} </button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script>
        $(document).ready(function() {
            document.getElementById('horarioGeneral').value = document.getElementById('tipHorario').value

            var select = document.getElementById('tipHorario').value
            if (select == 0) {
                document.getElementById('cabeceraTop').style.display = 'none'
            } else {
                document.getElementById('cabeceraTop').style.display = 'block'
            }
        });

        function addHorario(){
            $('#staticBackdrop').modal();
        }

        //eventos
        function onchangSelectHead(sel) {
            document.getElementById('horarioGeneral').value = sel.value
            if({{$general == true?'true': 'false'}} != (sel.value == 0))
            {
                swal({
                    title: "Estás seguro de cambiar la configuracion de horarios?",
                    text: "Al cambiar la configuración, influye en cómo los clientes verán el restaurante abierto/cerrado para poder pedir en tu restaurante",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#0b4889",
                    cancelButtonColor: "#EE0404",
                    confirmButtonText: "Aceptar",
                    cancelButtonText: "Cancelar",
                },
                function(isConfirm) {
                    if (isConfirm) {
                        swal.close();
                        if (sel.value == 0) {
                            document.getElementById('cabeceraTop').style.display = 'none'
                            window.location.href =  UrlHost_+"/administrator/horarios?general=true"
                        } else {
                            window.location.href =  UrlHost_+"/administrator/horarios?horario=ordenar"
                        }
                    } else {
                        swal.close();
                    }
                });
            }
        }

        function sendHorario(){
            var form = $("#formHorario");

            $.ajax({
                    url: UrlHost_+"/administrator/horarios/created",
                    data: form.serialize(),
                    type: 'post',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function () {
                        swal({
                            title:  '{{  trans('horarios.cargando') }}',
                             text:  '{{  trans('horarios.espere_un_momento') }}',
                             showConfirmButton: false
                        })
                    },
                    success: function(response)
                    {
                        if(response.code == 200){
                            swal('{{  trans('horarios.horario_guardado_correctamente') }}', '', 'success');
                            $('#staticBackdrop').modal('toggle')
                            $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                            // setTimeout(function(){location.reload()}, 3000);
                        }else{
                            swal('Error', response.message, 'error');
                        }

                    },
                    error: function(xhr)
                    {
                        
                        swal("Error", xhr.responseJSON.message, 'error');
                    }
                });
        }
        var idGlob = 0;
        function editHorario(id){
            idGlob = id;
            document.getElementById("idActual").value = idGlob
            var data = {
                idHorario : id
            }
            $.ajax({
                url: UrlHost_+"/administrator/horarios/ajax/",
                data: data,
                type: 'get',
                dataType: 'json',
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                beforeSend: function () {
                    swal({
                        title: '{{  trans('horarios.cargando') }}',
                            text:  '{{  trans('horarios.espere_un_momento') }}',
                            showConfirmButton: false
                    })
                },
                success: function(response)
                {
                    swal.close();
                    if(response.code == 200){
                        var data = response.data;
                        var date = data.horario;
                        // if(date.cerrado = 0){
                        //     document.getElementById("btnAbrirCerrar").innerHTML = '<i class="fa fa-toggle-off" aria-hidden="true"></i>'
                        //     document.getElementById("btnAbrirCerrar").style.backgroundColor = 'red'

                        // }else{
                        //     document.getElementById("btnAbrirCerrar").innerHTML = '<i class="fa fa-toggle-on" aria-hidden="true"></i>'
                        //     document.getElementById("btnAbrirCerrar").style.backgroundColor="green";

                        // }
                            const dias = data.dias
                            const diasT = data.diasT
                            const horas = ['01','02','03','04','05','06','07','08','09','10','11','12']
                            const minutos = ['00','15','30','45']
                            const jornada = ['AM','PM']
                            $("#diaIEdit").empty()
                            $("#diaFEdit").empty()
                            $.each(diasT, function(j, diass){
                                if(date.dia == diass){
                                    $("#diaIEdit").append("<option selected value='"+diass+"'>"+dias[j]+"</option>");
                                }else{
                                    $("#diaIEdit").append("<option value='"+diass+"'>"+dias[j]+"</option>");
                                }

                                if(date.dia_fin == diass){
                                    $("#diaFEdit").append("<option selected value='"+diass+"'>"+dias[j]+"</option>");
                                }else{
                                    $("#diaFEdit").append("<option value='"+diass+"'>"+dias[j]+"</option>");
                                }
                            });
                        $("#horasIEdit").empty()
                            $("#horasFEdit").empty()
                            $.each(horas, function(j, horass){
                                if(date.hora_i == horass){
                                    $("#horasIEdit").append("<option selected value='"+horass+"'>"+horass+"</option>");
                                }else{
                                    $("#horasIEdit").append("<option value='"+horass+"'>"+horass+"</option>");
                                }

                                if(date.hora_f == horass){
                                    $("#horasFEdit").append("<option selected value='"+horass+"'>"+horass+"</option>");
                                }else{
                                    $("#horasFEdit").append("<option value='"+horass+"'>"+horass+"</option>");
                                }
                            });
                            $("#minutosIEdit").empty()
                            $("#minutosFEdit").empty()
                            $.each(minutos, function(j, minutoss){
                                if(date.minuto_i == minutoss){
                                    $("#minutosIEdit").append("<option selected value='"+minutoss+"'>"+minutoss+"</option>");
                                }else{
                                    $("#minutosIEdit").append("<option value='"+minutoss+"'>"+minutoss+"</option>");
                                }

                                if(date.minuto_f == minutoss){
                                    $("#minutosFEdit").append("<option selected value='"+minutoss+"'>"+minutoss+"</option>");
                                }else{
                                    $("#minutosFEdit").append("<option value='"+minutoss+"'>"+minutoss+"</option>");
                                }
                            });
                            $("#jornadaIEdit").empty()
                            $("#jornadaFEdit").empty()
                            $.each(jornada, function(j, jornadas){
                                if(date.am_pm_i == jornadas){
                                    $("#jornadaIEdit").append("<option selected value='"+jornadas+"'>"+jornadas+"</option>");
                                }else{
                                    $("#jornadaIEdit").append("<option value='"+jornadas+"'>"+jornadas+"</option>");
                                }

                                if(date.am_pm_f == jornadas){
                                    $("#jornadaFEdit").append("<option selected value='"+jornadas+"'>"+jornadas+"</option>");
                                }else{
                                    $("#jornadaFEdit").append("<option value='"+jornadas+"'>"+jornadas+"</option>");
                                }
                            });
                        $('#modalHorario').modal('toggle')
                    }else{
                        swal({
                            title:  'error',
                            text: response.message,
                            icon: 'warning',
                            showCancelButton: true,
                        });
                    }

                },
                error: function(xhr)
                {
                    
                    swal( "Error", xhr.responseJSON.message,  'error');
                }
            });
        }

        function deleteHorario(){
            swal({
                title: "¿Estás seguro de eliminar este horario?",
                text: "Al eliminarlo, se borrará totalmente de tus horarios",
                type: "warning",
                showCancelButton: true,
                confirmButtonColor: "#0b4889",
                cancelButtonColor: "#EE0404",
                confirmButtonText: "Aceptar",
                cancelButtonText: "Cancelar",
            },
            function(isConfirm) {
                if (isConfirm) {
                    swal.close();
                    var data={
                        id:idGlob
                    }
                    $.ajax({
                        url: UrlHost_+"/administrator/horarios/ajax/delete",
                        data: data,
                        type: 'post',
                        dataType: 'json',
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        beforeSend: function () {
                            swal({
                                title:  '{{  trans('horarios.cargando') }}',
                                text:  '{{  trans('horarios.espere_un_momento') }}',
                                showConfirmButton: false
                            })
                        },
                        success: function(response)
                        {
                            if(response.code == 200){
                                $('#modalHorario').modal('toggle');
                                $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                            }else{
                                swal({
                                    title: 'Error',
                                    text: response.message,
                                    icon: 'warning',
                                    showCancelButton: true,
                                });
                            }

                        },
                        error: function(xhr)
                        {
                            
                            swal("Error", xhr.responseJSON.message, "error");
                        }
                    });
                } else {
                    swal.close();
                }
            });

        }

        function updated(){
            var form = $("#formHorarioEdit");
            $.ajax({
                    url: UrlHost_+"/administrator/horarios/ajax/updated",
                    data: form.serialize(),
                    type: 'post',
                    dataType: 'json',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function () {
                        swal({
                            title:  '{{  trans('horarios.cargando') }}',
                             text:  '{{  trans('horarios.espere_un_momento') }}',
                             showConfirmButton: false
                        })
                    },
                    success: function(response)
                    {
                        if(response.code == 200){
                            swal('{{  trans('horarios.horario_guardado_correctamente') }}', '', 'success')
                            $('#modalHorario').modal('toggle');
                            $("#tbActualizar").load(location.href+" #tbActualizar>*","");
                        }else{
                            swal('Error', response.message, 'error');
                        }
                    },
                    error: function(xhr)
                    {
                        
                        swal( "Error", xhr.responseJSON.message,  'error');
                    }
                });
        }
        
        @if (!empty($generalServices))
            @if ($general)
                function changeStateHorario() {
                    $.ajax({
                        url: UrlHost_+"/administrator/horarios/ajax/changeglobal",
                        type: 'post',
                        dataType: 'json',
                        headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        beforeSend: function () {
                            swal({
                                title:  '{{  trans('horarios.cargando') }}',
                                text:  '{{  trans('horarios.espere_un_momento') }}',
                                showConfirmButton: false
                            })
                        },
                        success: function(response)
                        {
                            if(response.code == 200){

                                swal({
                                    title:  '{{  trans('horarios.cambiado_correctamente') }}',
                                    text:  '{{  trans('horarios.estado_cambiado_correctamente') }}',
                                    icon: 'success',
                                    showCancelButton: false,
                                    showConfirmButton: true

                                });
                                
                                if(response.data == 0){
                                    document.getElementById("stateServiceColor").style.background = "green"
                                    $("#stateServiceColor").attr('checked', true);
                                    document.getElementById("stateServiceText").innerHTML = '{{  trans('horarios.servicio_abierto') }}'
                                }else{
                                    document.getElementById("stateServiceColor").style.background = "red"
                                    $("#stateServiceColor").attr('checked', false);
                                    document.getElementById("stateServiceText").innerHTML = '{{  trans('horarios.servicio_cerrado') }}'
                                }

                            }else{
                                swal({
                                    title: 'Error',
                                    text: response.message,
                                    icon: 'warning',
                                    showCancelButton: true,
                                });
                            }

                        },
                        error: function(xhr)
                        {
                            
                            swal("Error", xhr.responseJSON.message, "error");
                        }
                    });
                }
            @else
                function changeStateHorario(ids) {
                    var data={
                        id:ids
                    }
                    $.ajax({
                        url: UrlHost_+"/administrator/horarios/ajax/changeglobal",
                        data: data,
                        type: 'post',
                        dataType: 'json',
                        headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        beforeSend: function () {
                            swal({
                                title:  '{{  trans('horarios.cargando') }}',
                                text:  '{{  trans('horarios.espere_un_momento') }}',
                                showConfirmButton: false
                            })
                        },
                        success: function(response)
                        {
                            if(response.code == 200){

                                swal({
                                    title:  '{{  trans('horarios.cambiado_correctamente') }}',
                                    text:  '{{  trans('horarios.estado_cambiado_correctamente') }}',
                                    icon: 'success',
                                    showCancelButton: false,
                                    showConfirmButton: true

                                });
                                if(response.data == 0){
                                    document.getElementById("stateServiceColor").style.background = "green"
                                    $("#stateServiceColor").attr('checked', true);
                                    document.getElementById("stateServiceText").innerHTML = '{{  trans('horarios.servicio_abierto') }}'

                                }else{
                                    document.getElementById("stateServiceColor").style.background = "red"
                                    $("#stateServiceColor").attr('checked', false);
                                    document.getElementById("stateServiceText").innerHTML = '{{  trans('horarios.servicio_cerrado') }}'


                                }

                            }else{
                                swal({
                                    title: 'Error',
                                    text: response.message,
                                    icon: 'warning',
                                    showCancelButton: true,
                                });
                            }

                        },
                        error: function(xhr)
                        {
                            
                            swal("Error", xhr.responseJSON.message, "error");
                        }
                    });
                }
            @endif
        @endif
    </script>
@endsection