@extends('layouts.admin')
@section('contenido')
    @php($searchText = empty($searchText) ? -1 : $searchText)
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href='../lib/main.css' rel='stylesheet' />
    <script src='../lib/main.js'></script>
    <script>
        var calendar = null;
        document.addEventListener('DOMContentLoaded', function() {
            var calendarEl = document.getElementById('calendar');
            let listarCita = "{{route('listarCita', ':id')}}";
            listarCita = listarCita.replace(':id', @json($searchText));
            calendar = new FullCalendar.Calendar(calendarEl, {
                headerToolbar: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
                },
                initialView: 'timeGridDay',
                locale: 'es',
                allDaySlot: false,
                slotMinTime: '{{ $empresa->horaEntrada }}',
                slotMaxTime: '{{ $empresa->horaSalida }}',
                editable: true,
                navLinks: true,
                selectable: true,
                selectMirror: true,
                slotLabelFormat: {
                    hour: '2-digit',
                    minute: '2-digit',
                    hour12: true
                },
                eventTimeFormat: {
                    hour: '2-digit',
                    minute: '2-digit',
                    hour12: true
                },
                select: function(arg) {

                    let f = moment(arg.start).format("YYYY-MM-DD");
                    let hi = moment(arg.start).format("HH:mm:ss");
                    console.log(hi);
                    $("#txtFecha").val(f);
                    $("#txtHoraInicial").val(hi);
                    $("#txtTiempo").val("{{ $empresa->intervCita }}");
                    $("#agenda_modal").modal();

                    calendar.unselect()
                },
                eventClick: function(info) {
                    // recargarLista2();

                    $("#txtFecha_e").val(moment(info.event.start).format('YYYY-MM-DD'));
                    $("#txtHoraInicial_e").val(moment(info.event.start).format('HH:mm:ss'));
                    $("#id_e").val(info.event.id);
                    $("#ddlPacientes_e").val(info.event.extendedProps.codPaciente);
                    $("#ddlConsultorio_e").val(info.event.extendedProps.codConsultorio);
                    // $("#ddlDoctor_e").val(info.event.extendedProps.codUsuario);
                    $("#txtIndicaciones_e").val(info.event.extendedProps.indicaciones);
                    console.log(info.event.extendedProps.codUsuario);
                    $("#txtTiempo_e").val(info.event.extendedProps.tiempo);
                    $("#txtCosto_e").val(info.event.extendedProps.costo);
                    $("#txtEstado_e").val(info.event.extendedProps.estado);
                    $("#txtAsunto_e").val(info.event.extendedProps.asunto);
                    recargarLista2(info.event.extendedProps.codUsuario);

                    $("#agenda_modal_edit").modal();

                },
                editable: true,
                eventDrop: function(info) {
                    if (info.event.extendedProps.estado === 'CULMINADO') {
                        Swal.fire(
                            'El Registro no se podrá modificar',
                            'Este registro se encuentra "CULMINADO" y no es posible hacer ninguna modificación.',
                            'warning'
                        );
                        calendar.refetchEvents();
                    } else {
                        var fd = new FormData(document.getElementById("formulario_agenda_edit"));
                        fd.append("id", info.event.id);
                        fd.append("txtFecha", moment(info.event.start.toISOString()).format(
                            "YYYY-MM-DD"));
                        fd.append("txtHoraInicial", moment(info.event.start.toISOString()).format(
                            "HH:mm:ss"));
                        fd.append("txtHoraFinal", moment(info.event.end.toISOString()).format(
                            "HH:mm:ss"));
                        console.log(info.event.extendedProps.estado)
                        edit(fd);
                    }
                    // info.revert();
                },

                events: listarCita,
            });
            calendar.render();


        });


        function guardar() {
            var fd = new FormData(document.getElementById("formulario_agenda"));
            let fecha = $("#txtFecha").val();
            let hora = $("#txtHoraInicial").val();
            let tiempo = $("#txtTiempo").val();
            let hora_inicial = moment(fecha + " " + hora).format("HH:mm:ss");
            let hora_final = moment(fecha + " " + hora).add(tiempo, 'm').format("HH:mm:ss");

            fd.append("txtHoraInicial", hora_inicial);
            fd.append("txtHoraFinal", hora_final);

            const doctor = document.getElementById("ddlDoctor").value;
            const Toast = Swal.mixin({
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    onOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });
            if ($("#txtCosto").val() === '') {
                Toast.fire({
                    title: "Cancelado",
                    icon: 'error',
                    title: 'El valor del Costo no debe estar vacio.',
                    customClass: 'swal-pop',
                })
            }else if($("#txtTiempo").val() === ''){
                Toast.fire({
                    title: "Cancelado",
                    icon: 'error',
                    title: 'El valor del Tiempo no debe estar vacio.',
                    customClass: 'swal-pop',
                })
            }else if(parseInt($("#txtTiempo").val()) <= 0){
                Toast.fire({
                    title: "Cancelado",
                    icon: 'error',
                    title: 'El valor del Tiempo no puede ser negativo o cero.',
                    customClass: 'swal-pop',
                })
            }else if(hora_inicial < '{{$empresa->horaEntrada}}'){
                Toast.fire({
                    title: "Cancelado",
                    icon: 'error',
                    title: 'La cita no puede ser antes de las {{$empresa->horaEntrada}}',
                    customClass: 'swal-pop',
                })
            }else if(hora_final > '{{$empresa->horaSalida}}'){
                Toast.fire({
                    title: "Cancelado",
                    icon: 'error',
                    title: 'La cita no puede durar más de las {{$empresa->horaSalida}}',
                    customClass: 'swal-pop',
                })
            }else if(doctor == ""){
                Toast.fire({
                    title: "Cancelado",
                    icon: 'error',
                    title: 'Tiene que seleccionar un doctor(a).',
                    customClass: 'swal-pop',
                })
            
            }else {
                $.ajax({
                    url: "{{route('guardarCita')}}",
                    type: "POST",
                    data: fd,
                    processData: false, // tell jQuery not to process the data
                    contentType: false // tell jQuery not to set contentType

                }).done(function(r) {
                    if (r && r.ok == 0) {
                        calendar.refetchEvents();
                        Swal.fire(
                            'Operación Correcta',
                            'Se registro la agenda!',
                            'success'
                        );
                        limpiar();
                        calendar.refetchEvents()
                    } else if (r && r.ok == 1) {
                        Swal.fire(
                            'Seleccione otra fecha',
                            'La fecha seleccionada es una fecha anterior a la fecha actual!',
                            'warning'
                        );
                    } else if (r && r.ok == 2) {
                        Swal.fire(
                            'Personal medico ocupado',
                            'El Personal medico seleccionado ya tiene una cita pendiente en esas horas!',
                            'warning'
                        );
                    } else if (r && r.ok == 3) {
                        Swal.fire(
                            'Paciente con cita pendiente',
                            'El paciente seleccionado ya tiene una cita pediente en estas horas!',
                            'warning'
                        );
                    } else {
                        // console.log(r.ok)
                        alert("Ocurrio un error");
                    }
                });
            }
        }

        function edit(fd) {
            console.log(fd);
            $.ajax({
                url: "{{route('editarCita')}}",
                type: "POST",
                data: fd,
                processData: false, // tell jQuery not to process the data
                contentType: false // tell jQuery not to set contentType

            }).done(function(r) {
                if (r && r.ok == 0) {
                    Swal.fire(
                        'Operación Correcta',
                        'Se registro la agenda!',
                        'success'
                    );
                    limpiar();
                } else if (r && r.ok == 1) {
                    Swal.fire(
                        'Seleccione otra fecha',
                        'La fecha seleccionada es una fecha anterior a la fecha actual!',
                        'warning'
                    );
                } else if (r && r.ok == 2) {
                    Swal.fire(
                        'Personal medico ocupado',
                        'El Personal medico seleccionado ya tiene una cita pendiente en esas horas!',
                        'warning'
                    );
                } else if (r && r.ok == 3) {
                    Swal.fire(
                        'Paciente con cita pendiente',
                        'El paciente seleccionado ya tiene una cita pediente en estas horas!',
                        'warning'
                    );
                } else {
                    // console.log(r.ok)
                    alert("Ocurrio un error");
                }
                calendar.refetchEvents();
            });
        }
        // Editar completo
        function editar() {
            if ($("#txtEstado_e").val() === 'CULMINADO') {
                Swal.fire(
                    'El Registro no se podrá modificar',
                    'Este registro se encuentra "CULMINADO" y no es posible hacer ninguna modificación.',
                    'warning'
                );
                calendar.refetchEvents();
            } else {
                var fd = new FormData(document.getElementById("formulario_agenda_edit2"));
                let fecha = $("#txtFecha_e").val();
                let hora = $("#txtHoraInicial_e").val();
                let tiempo = $("#txtTiempo_e").val();
                let hora_final = moment(fecha + " " + hora).add(tiempo, 'm').format("HH:mm:ss");
                const doctor = document.getElementById("ddlDoctor_e").value;
                fd.append("txtHoraFinal_e", hora_final);


                const Toast = Swal.mixin({
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                    onOpen: (toast) => {
                        toast.addEventListener('mouseenter', Swal.stopTimer)
                        toast.addEventListener('mouseleave', Swal.resumeTimer)
                    }
                });


                if ($("#txtCosto_e").val() === '') {
                Toast.fire({
                    title: "Cancelado",
                    icon: 'error',
                    title: 'El valor del Costo no debe estar vacio.',
                    customClass: 'swal-pop',
                })
                }else if($("#txtTiempo_e").val() === ''){
                    Toast.fire({
                        title: "Cancelado",
                        icon: 'error',
                        title: 'El valor del Tiempo no debe estar vacio.',
                        customClass: 'swal-pop',
                    })
                }else if(parseInt($("#txtTiempo_e").val()) <= 0){
                    Toast.fire({
                        title: "Cancelado",
                        icon: 'error',
                        title: 'El valor del Tiempo no puede ser negativo o cero.',
                        customClass: 'swal-pop',
                    })
                }else if(hora < '{{$empresa->horaEntrada}}'){
                    Toast.fire({
                        title: "Cancelado",
                        icon: 'error',
                        title: 'La cita no puede ser antes de las {{$empresa->horaEntrada}}',
                        customClass: 'swal-pop',
                    })
                }else if(hora_final > '{{$empresa->horaSalida}}'){
                    Toast.fire({
                        title: "Cancelado",
                        icon: 'error',
                        title: 'La cita no puede durar más de las {{$empresa->horaSalida}}',
                        customClass: 'swal-pop',
                    })
                }else if (doctor == ""){
                    Toast.fire({
                        title: "Cancelado",
                        icon: 'error',
                        title: 'Necesita seleccionar un doctor/médico.',
                        customClass: 'swal-pop',
                    })  
                }else {
                    $.ajax({
                        url: "{{route('editarCita2')}}",
                        type: "POST",
                        data: fd,
                        processData: false, // tell jQuery not to process the data
                        contentType: false // tell jQuery not to set contentType

                    }).done(function(r) {
                        if (r && r.ok == 0) {
                            // calendar.refetchEvents();
                            Swal.fire(
                                'Operación correcta',
                                'Se modificó la agenda!',
                                'success'
                            );
                            // limpiar();
                            $("#agenda_modal_edit").modal('hide');

                        } else if (r && r.ok == 1) {
                            Swal.fire(
                                'Seleccione otra fecha',
                                'La fecha seleccionada es una fecha anterior a la fecha actual!',
                                'warning'
                            );
                        } else if (r && r.ok == 2) {
                            Swal.fire(
                                'Personal medico ocupado',
                                'El Personal medico seleccionado ya tiene una cita pendiente en esas horas!',
                                'warning'
                            );
                        } else if (r && r.ok == 3) {
                            Swal.fire(
                                'Paciente con cita pendiente',
                                'El paciente seleccionado ya tiene una cita pediente en estas horas!',
                                'warning'
                            );
                        } else {
                            // console.log(r.ok)
                            alert("Ocurrio un error");
                        }
                        calendar.refetchEvents();

                    });
                }
            }
        }

        function limpiar() {
            $("#agenda_modal").modal('hide');
            $("#txtFecha").val("");
            $("#txtHoraInicial").val("");
            $("#txtTiempo").val("");
            $("#txtIndicaciones").val("");
            $("#txtAsunto").val("");
            $("#txtCosto").val("0.00");
            // $("#ddlUsuarios").val("");
        }
    </script>

    @include('historial.paciente.create')

    {!! Form::open(['url' => 'historial/cita', 'method' => 'GET', 'autocomplete' => 'off', 'role' => 'search']) !!}
    <section class="content-header" style="padding: 0px">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <span class="title_header">CITAS</span><br>
                    <a class="btn btn-warning btn-md" href="" data-target="#modal-add" data-toggle="modal">
                        Nuevo Paciente<i class="fas fa-user-plus" style="color: #cef5e1; margin-left: 10px"></i>
                    </a>
                </div>
                @if (auth()->user()->tipo == 'SECRETARIA' || auth()->user()->tipo == 'ADMINISTRADOR')
                    <div class="col-sm-6">
                        <ol class="breadcrumb ">
                            <select name="searchText" id="" class="form-control selectpicker searchText"
                                data-live-search="true">
                                <option value="">TODO</option>
                                @foreach ($doctor as $d)
                                    @if ($searchText == $d->codUsuario)
                                        <option value="{{ $d->codUsuario }}" selected>{{ $d->nomConsul }} |
                                            {{ $d->nombres }}</option>
                                    @else
                                        <option value="{{ $d->codUsuario }}">{{ $d->nomConsul }} | {{ $d->nombres }}
                                        </option>
                                    @endif
                                @endforeach
                            </select>
                            <div class="input-group-append" style="display: none">
                                <button type="submit" class="btn btn-default" id="buscar">
                                    <i class="fas fa-search"></i>
                                </button>
                            </div>
                        </ol>
                    </div>
                @endif
            </div>
        </div>
    </section>
    {{ Form::close() }}

    <div class="row">
        <div class="col-12">
            <div id='calendar' style="margin-top: 0px;"></div>
        </div>
    </div>

    <div>
        <form action="" id="formulario_agenda_edit">
            @csrf
        </form>
    </div>

    <div class="modal fade" id="agenda_modal" data-backdrop="static" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-info">
                    <h5 class="modal-title" style="text-align: center; font-weight: bold">Agendar</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 action="" id="formulario_agenda">
                        @csrf
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">Fecha</label>
                                    <input type="date" class="form-control" id="txtFecha" name="txtFecha" required>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">Hora Inicial</label>
                                    <input type="time" class="form-control" id="txtHoraInicial" required>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">Tiempo (minutos)</label>
                                    <input type="number" class="form-control" id="txtTiempo" name="txtTiempo" min="{{$empresa->intervCita}}" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <input type="hidden" name="ddlUsuarios">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">Motivo de Cita</label>
                                    <input type="text" class="form-control" id="txtAsunto" name="txtAsunto"
                                        placeholder="Ejm. Dolor de cabeza.">
                                </div>
                                <div class="form-group">
                                    <label for="">Paciente</label>
                                    <select id="ddlPacientes" class="form-control selectpicker" name="ddlPacientes"
                                        data-live-search="true">
                                        @foreach ($paciente as $item)
                                            <option value="{{ $item->codPaciente }}">{{ $item->numDocumento }} |
                                                {{ $item->nombres }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                @if (auth()->user()->tipo == 'DOCTOR')
                                    <div class="form-group">
                                        <label for="">Consultorio</label>
                                        <select id="ddlConsultorio" class="form-control" disabled style="display: none">
                                            @foreach ($consultorio as $item)
                                                @if (auth()->user()->codConsultorio == $item->codConsultorio)
                                                    <option value="{{ $item->codConsultorio }}" selected>
                                                        {{ $item->nomConsul }}</option>
                                                @else
                                                    <option value="{{ $item->codConsultorio }}">{{ $item->nomConsul }}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                        <input type="hidden" name="ddlConsultorio"
                                            value="{{ auth()->user()->codConsultorio }}">
                                        @foreach ($consultorio as $item)
                                            @if (auth()->user()->codConsultorio == $item->codConsultorio)
                                                <input type="text" class="form-control" value="{{ $item->nomConsul }}"
                                                    disabled>
                                            @endif
                                        @endforeach

                                    </div>
                                    <div class="form-group">
                                        <label for="">Doctor</label>
                                        <input type="text" readonly class="form-control"
                                            value="{{ auth()->user()->nombres }}">
                                    </div>
                                @else
                                    @if ($searchText == -1)
                                        <div class="form-group">
                                            <label for="">Consultorio</label>
                                            <select id="ddlConsultorio" class="form-control" name="ddlConsultorio">
                                                @foreach ($consultorio as $item)
                                                    <option value="{{ $item->codConsultorio }}">{{ $item->nomConsul }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif
                                @endif

                                @if ($searchText == -1)
                                    @php($estado_visibilidad = auth()->user()->tipo == 'SECRETARIA' || auth()->user()->tipo == 'ADMINISTRADOR' ? 'block' : 'none')
                                    <div id="select2lista" style="display: {{ $estado_visibilidad }}">
                                    </div>
                                @else
                                    <label for="">Doctor</label>
                                    @foreach ($doctor as $item)
                                        @if ($item->codUsuario == $searchText)
                                            <input type="hidden" name="ddlDoctor" id="ddlDoctor"
                                                value="{{ $item->codUsuario }}">
                                            <input type="text" disabled class="form-control"
                                                value="{{ $item->nombres }}">
                                        @endif
                                    @endforeach
                                @endif

                                {{-- <div class="form-group">
                                    <label for="">Doctor</label>
                                    <select id="ddlDoctor" class="form-control" name="ddlDoctor">
                                        @foreach ($doctor as $item)
                                            <option value="{{$item->codUsuario}}">{{$item->nombres}}</option>
                                        @endforeach
                                    </select>
                                </div> --}}
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">Costo</label>
                                    <input type="text" class="form-control txtCosto" id="txtCosto" name="txtCosto"
                                        value="0.00" required>
                                </div>
                                <div class="form-group">
                                    <label for="">Indicaciones</label>
                                    <textarea class="form-control" name="txtIndicaciones" id="txtIndicaciones" cols="30"
                                        rows="10"></textarea>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button onclick="guardar()" type="button" class="btn btn-success">Guardar</button>
                </div>
            </div>
        </div>
    </div>
    {{-- -----------------------------------MODAL EDIT-------------------------------------------------- --}}
    <div class="modal fade" id="agenda_modal_edit" data-backdrop="static" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-info">
                    <h5 class="modal-title" style="text-align: center; font-weight: bold">Agendar</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 action="" id="formulario_agenda_edit2">
                        @csrf
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">Fecha</label>
                                    <input type="hidden" id="id_e" name="id_e">
                                    <input type="hidden" id="txtEstado_e" name="txtEstado_e">
                                    <input type="date" class="form-control" id="txtFecha_e" name="txtFecha_e">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">Hora Inicial</label>
                                    <input type="time" class="form-control" id="txtHoraInicial_e" name="txtHoraInicial_e">
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="form-group">
                                    <label for="">Tiempo (minutos)</label>
                                    <input type="number" class="form-control" id="txtTiempo_e" name="txtTiempo_e">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">Motivo de Cita</label>
                                    <input type="text" class="form-control" id="txtAsunto_e" name="txtAsunto_e"
                                        placeholder="Ejm. Dolor de cabeza.">
                                </div>
                                <div class="form-group">
                                    <label for="">Paciente</label>
                                    <select id="ddlPacientes_e" class="form-control" name="ddlPacientes_e">
                                        @foreach ($paciente as $item)
                                            <option value="{{ $item->codPaciente }}">{{ $item->nombres }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label for="">Consultorio</label>
                                    @if (auth()->user()->tipo == 'DOCTOR')
                                        <select id="ddlConsultorio_e" name="ddlConsultorio_e" disabled
                                            style="display: none">
                                            @foreach ($consultorio as $item)
                                                <option value="{{ $item->codConsultorio }}">{{ $item->nomConsul }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @foreach ($consultorio as $item)
                                            @if (auth()->user()->codConsultorio == $item->codConsultorio)
                                                <input value="{{ $item->nomConsul }}" class="form-control" disabled>
                                            @endif
                                        @endforeach
                                    @else
                                        <select id="ddlConsultorio_e" class="form-control" name="ddlConsultorio_e">
                                            @foreach ($consultorio as $item)
                                                <option value="{{ $item->codConsultorio }}">{{ $item->nomConsul }}
                                                </option>
                                            @endforeach
                                        </select>
                                    @endif
                                </div>
                                {{-- @if ($searchText == -1) --}}
                                    <div id="select3lista"></div>
                                {{-- @endif --}}
                                @if (auth()->user()->tipo == 'DOCTOR')
                                    <div class="form-group">
                                        <label for="">Doctor</label>
                                        <input type="text" disabled class="form-control"
                                            value="{{ auth()->user()->nombres }}">
                                    </div>
                                @endif
                            </div>
                            <div class="col-6">
                                <div class="form-group">
                                    <label for="">Costo</label>
                                    <input type="text" class="form-control txtCosto_e" id="txtCosto_e" name="txtCosto_e"
                                        required>
                                </div>
                                <div class="form-group">
                                    <label for="">Indicaciones</label>
                                    <textarea class="form-control" name="txtIndicaciones_e" id="txtIndicaciones_e"
                                        cols="30" rows="10"></textarea>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                    <button onclick="editar()" type="button" class="btn btn-success">Editar</button>
                </div>
            </div>
        </div>
    </div>
    @if (auth()->user()->tipo == 'SECRETARIA' || auth()->user()->tipo == 'ADMINISTRADOR')
        <script>
            const selectElement = document.querySelector('.searchText');
            selectElement.addEventListener('change', (event) => {
                $("#buscar").click();
            });
        </script>
    @endif
    @push('scripts')
        <script>
            $('.txtCosto').on('input', function() {
                this.value = this.value.replace(/[^0-9,.]/g, '').replace(/,/g, '.');
            });
            $('.txtCosto_e').on('input', function() {
                this.value = this.value.replace(/[^0-9,.]/g, '').replace(/,/g, '.');
            });
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                recargarLista();
                $('#ddlConsultorio').change(function() {
                    recargarLista();
                });
                $('#ddlConsultorio_e').change(function() {
                    recargarLista2();
                });
            })
        </script>
        @if (Session::has('success'))
            <script>
                toastr.success('{{ Session::get('success') }}', 'Operación Correcta', {
                    "positionClass": "toast-top-right"
                })
            </script>
        @endif
        <script type="text/javascript">
            function recargarLista() {
                $.ajax({
                    type: 'POST',
                    url: "{{ route('ajax_consultorio') }}",
                    data: {
                        "_token": $("meta[name='csrf-token']").attr("content"),
                        "mensaje": $('#ddlConsultorio').val()
                    },
                    success: function(r) {
                        $('#select2lista').html(r);
                    }
                });
            }
            // -------------
            function recargarLista2(id) {
                $.ajax({
                    type: 'POST',
                    url: "{{ route('ajax_consultorio2') }}",
                    data: {
                        "_token": $("meta[name='csrf-token']").attr("content"),
                        "mensaje": $('#ddlConsultorio_e').val()
                    },
                    success: function(r) {
                        $('#select3lista').html(r);
                        $("#ddlDoctor_e option[value=" + id + "]").attr("selected", true);
                    }
                });
            }
        </script>
        @if (count($errors) > 0)
            <script type="text/javascript">
                $(document).ready(function() {