@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('adminlte/plugins/fontawesome-free/css/fontawesome.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <script src="{{ asset('js/jquery.slim.min.js') }}" defer></script>
@stop

@section('menu')
    @include('menu.index')
@stop

@section('content')
    <div class="container-fluid">
        <form method="POST" action="{{route('odontologos.agenda')}}" >
            @csrf
            <div class="row">
                <div class="col-md-10">
                    <div class="row">
                        <div class="col-md-12">
                            <h3 class="text-muted color_pag">Edicion de Agenda Odontologica</h3>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Región</label>
                                    <select id="region" onchange="region_select()" name="region" class="form-control form-control-sm espaciomenos7 bg-fondo-ip color_pag" tabindex="1">
                                        
                                        <option value="{{$regionalizacion->region_id}}">{{$regionalizacion->region}}</option>
                                        @foreach ($regiones as $dato)
                                            @if($regionalizacion->region_id != $dato->id)
                                                <option value="{{$dato->codigo}}">{{$dato->nombre}}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Provincia</label>
                                    <select id="provincia" onchange="provincia_select()" name="provincia" class="form-control form-control-sm espaciomenos7 bg-fondo-ip color_pag" tabindex="2">
                                        <option value="{{$regionalizacion->provincia_id}}">{{$regionalizacion->provincia}}</option>
                                    </select>
                                </div>
                                <div class="col-lg-4 col-4 espacio7">
                                    <label class="form-label">Comuna</label>
                                    <select id="comuna" required name="comuna_id" class="form-control form-control-sm espaciomenos7 bg-fondo-ip color_pag" tabindex="3">
                                        <option value="{{$regionalizacion->comuna_id}}">{{$regionalizacion->comuna}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-lg-2 col-4 espacio7">
                                    <label class="form-label">Fecha Agenda</label>
                                    <input id="fecha" name="fecha" type="text" value="{{date('d-m-Y',strtotime($agenda->fecha))}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip color_pag">
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row espacio10">
                        <div class="col-md-12">
                            <h3 class="text-center text-muted color_pag">Detalles Agenda</h3>
                        </div>
                    </div>
                    

                    <div class="row">
                        <div class="col-md-4 espaciomenos10">
                            <table id="agenda" class="table table-striped table-bordered shadow-lg mt-4 dt-responsive nowrap" style="width:100%">
                                <thead class="bg-primary text-white">
                                    <tr>
                                        <th scope="col" width="55%">{{'Jornada'}}</th>
                                        <th id="fecha_agenda" scope="col" width="45%">{{'Seleccion'}}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($detalle as $dato)
                                        <tr>
                                            <td>{{date("H:i",strtotime($dato->hora_inicio))." - ".date("H:i",strtotime($dato->hora_termino))}}</td>
                                            @if($dato->estado_agenda_id == 3)
                                                <td class="text-center"><input class="form-check-input" type="checkbox" disabled onclick="edit_agenda(this)" name="'+i+'" value="'+tag_inicio+'" id={{$dato->jornada}}></td>
                                            @else
                                                <td class="text-center"><input class="form-check-input" checked type="checkbox" onclick="edit_agenda(this)" name="'+i+'" value="'+tag_inicio+'" id={{$dato->jornada}}></td>
                                            @endif
                                        </tr>
                                    @endforeach
                                </tbody>987
                            </table>
                        </div>
                        <div class="col-md-1"></div>
                        <div class="col-md-3 espacio30">
                            <button type="submit" class="btn btn-sm btn-primary">Guardar Cambios</button>
                        </div>  
                    </div>

                    
                </div>
                <div class="col-md-2">
                </div>
            </div>
        </form>
    </div>
@stop

@section('scripts')
    <script src="{{ asset('js/jquery-3.5.1.js') }}" defer></script>
    <script src="{{ asset('js/popper.min.js') }}" defer></script>
    <script src="{{ asset('js/bootstrap.min.js') }}" defer></script>
    <script src="{{ asset('js/scripts.js') }}" defer></script>
    <script src="{{ asset('js/jornada.js') }}" defer></script>
@endsection