@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Solicitud estudio'])
    <div id="alert">
        @include('components.alert')
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card">
                    <form id="form-solicitud" role="form" method="POST" action={{ route('solicitudes.store') }}
                        enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <p class="text-uppercase text-sm">Solicitud de estudio</p>
                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <span class="text-white">Ingrese los datos correctamente por favor</span>
                                </div>
                            @endif
                            {{-- @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif --}}
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">SEDES</label>
                                        <input type="text" class="form-control p-0 py-1 text-center" value="CHUQUISACA"
                                            disabled>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="form-control-label">RED</label>
                                        <input type="text" class="form-control p-0 py-1 text-center" value="SUCRE"
                                            disabled>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="form-control-label">Establecimiento</label>
                                        <input type="text" class="form-control p-0 py-1 text-center"
                                            value="San Pedro Claver" disabled>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="example-text-input" class="form-control-label">Fecha de
                                            solicitud</label>
                                        <input class="form-control p-0 py-1 text-center" type="date"
                                            value="{{ now()->toDateString() }}" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        {{-- <select class="form-control" name="paciente_id">
                                            <option value="">-- Seleccione --</option>
                                            @foreach ($pacientes as $paciente)
                                                <option value="{{ $paciente->id }}"
                                                    @if (old('paciente') == $paciente->id) selected @endif>
                                                    {{ $paciente->ci }} - {{ $paciente->nombres }}
                                                    {{ $paciente->apellido_paterno }} {{ $paciente->apellido_materno }}
                                                </option>
                                            @endforeach
                                        </select> --}}
                                        <label class="form-control-label">Buscar paciente</label>
                                        <input class="form-control" name="term" list="pacientesList" autocomplete="off"
                                            id="buscarPaciente"
                                            placeholder="Buscar por Historial Clínico, Nombre o Apellido" value="@if (old('term')) {{ old('term') }} @endif">
                                        <label class="form-control-label">Seleccione el Paciente</label>
                                        <select class="form-control" id="pacientesList" name="paciente_id">
                                            <option value="">-- Seleccione --</option>
                                            @foreach ($pacientes as $paciente)
                                                <option value="{{ $paciente->id }}"
                                                    @if (old('paciente_id') == $paciente->id) selected @endif>
                                                    {{ $paciente->ci }} - {{ $paciente->nombres }}
                                                    {{ $paciente->apellido_paterno }} {{ $paciente->apellido_materno }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('paciente_id'))
                                <span class="invalid-feedback" style="display: block;" role="alert">
                                    <strong>{{ $errors->first('paciente_id') }}</strong>
                                </span>
                            @endif
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <div>
                                            <label for="example-text-input" class="form-control-label">Seguro</label>
                                        </div>
                                        @foreach (['S.U.S', 'Sin seguro', 'Otro'] as $index => $seguro)
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="seguro"
                                                    value="{{ $seguro }}" id="{{ strtolower(str_replace(' ', '_', $seguro)) }}"
                                                    @if (old('seguro') == $seguro || (!old('seguro') && $index == 0)) checked @endif>
                                                <label class="form-check-label" for="{{ strtolower(str_replace(' ', '_', $seguro)) }}">
                                                    {{ $seguro }}
                                                </label>
                                            </div>
                                        @endforeach
                                    </div>
                                    @if ($errors->has('seguro'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->first('seguro') }}</strong>
                                        </span>
                                    @endif
                                </div>


                                <div class="col-md-2">
                                    <div class="form-group">
                                        <div>
                                            <label for="example-text-input" class="form-control-label">Tipo de atención</label>
                                        </div>
                                        @foreach (['Ambulatorio', 'Internación'] as $index => $tipo_atencion)
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="tipo_atencion"
                                                    value="{{ $tipo_atencion }}" id="{{ strtolower($tipo_atencion) }}"
                                                    @if (old('tipo_atencion') == $tipo_atencion || (!old('tipo_atencion') && $index == 0)) checked @endif>
                                                <label class="form-check-label" for="{{ strtolower($tipo_atencion) }}">
                                                    {{ $tipo_atencion }}
                                                </label>
                                            </div>
                                        @endforeach
                                    </div>
                                    @if ($errors->has('tipo_atencion'))
                                        <span class="invalid-feedback" style="display: block;" role="alert">
                                            <strong>{{ $errors->first('tipo_atencion') }}</strong>
                                        </span>
                                    @endif
                                </div>

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="form-control-label">Sala</label>
                                        <input type="text" class="form-control" name="sala"
                                            value="@if (old('sala')) {{ old('sala') }} @endif">
                                    </div>
                                    @if ($errors->has('sala'))
                                            <span class="invalid-feedback" style="display: block;" role="alert">
                                                <strong>{{ $errors->first('sala') }}</strong>
                                            </span>
                                        @endif
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label class="form-control-label">N° Cama</label>
                                        <input type="number" class="form-control" name="num_cama" min="1" max="50"
                                            value="{{ old('num_cama') }}">
                                    </div>
                                    @if ($errors->has('num_cama'))
                                <span class="invalid-feedback" style="display: block;" role="alert">
                                    <strong>{{ $errors->first('num_cama') }}</strong>
                                </span>
                            @endif
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Servicio</label>
                                        <select name="servicio_id" class="form-control" required>
                                            <option value="">-- Seleccione --</option>
                                            @foreach ($servicios as $servicio)
                                                <option value="{{ $servicio->id }}"
                                                    @if (old('servicio_id') == $servicio->id) selected @endif>
                                                    {{ $servicio->nombre }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Estudio</label>
                                        <select id="estudioSelect" name="estudio_id" class="form-control" required>
                                            <option value="">-- Seleccione --</option>
                                            @foreach ($estudios as $estudio)
                                                <option value="{{ $estudio->id }}"
                                                    @if (old('estudio_id') == $estudio->id) selected @endif>
                                                    {{ $estudio->nombre }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Diagnóstico principal</label>
                                        <textarea class="form-control" spellcheck="false" name="diagnostico" id="diagnostico" autofocus>
@if (old('diagnostico'))
{{ old('diagnostico') }}
@endif
</textarea>
                                    </div>
                                    @if ($errors->has('diagnostico'))
                                <span class="invalid-feedback" style="display: block;" role="alert">
                                    <strong>{{ $errors->first('diagnostico') }}</strong>
                                </span>
                            @endif
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Observaciones <span
                                                class="text-muted">(Opcional)</span></label>
                                        <textarea class="form-control" spellcheck="false" name="observaciones" id="observaciones" autofocus>
@if (old('observaciones'))
{{ old('observaciones') }}
@endif
</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-center mb-2">
                                <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal"
                                    data-bs-target="#modalExamen" id="mostrarExamen" disabled>Guardar</button>
                            </div>
                        </div>
                        @include('solicitud.examenesModal')
                    </form>
                </div>
            </div>
        </div>

        @push('js')
            <script src="{{ asset('assets/js/custom/tabExamen.js') }}"></script>
            @if (session('confirm_message'))
                <script>
                    alert()
                    swal({
                            title: "{{ session('confirm_message') }}",
                            icon: "warning",
                            buttons: true,
                            dangerMode: true,
                        })
                        .then((willContinue) => {
                            if (willContinue) {
                                // Continuar con el envío del formulario
                                document.querySelector('#form-solicitud').submit();
                            } else {
                                // Redirigir a la misma página
                                window.location.href = window.location.href;
                            }
                        });
                </script>
            @endif
        @endpush
        @include('layouts.footers.auth.footer')
    </div>
@endsection