@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
@stop

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

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-12">
                        <h3 class="text-left text-muted color_pag">Generar Solicitud de atención</h3>
                    </div>
                </div>
                @if ($nro_pacientes == 0)
                    <div class="row espacio20">
                        <div class="col-md-7">
                            <h6 class="text-left text-muted color_pag espacio5">Estimado Usuario , debe agregar un paciente</h6>
                        </div>
                        <div class="col-md-5">
                            <a href="{{ route('pacientes.create') }}" class="btn btn-sm btn-primary">Agregar Paciente</a>
                        </div>
                    </div>
                @else
                    <form method="post" action="{{ route('atenciones.store')}}" >
                        @csrf
                        <div class="row">
                            <div class="col-md-12 color_red" id="comentario"></div>
                            <input type="hidden" id="incompleto" name="incompleto" value="N">
                            <div class="col-md-4 espacio7">
                                <label class="form-label">Asignar Paciente</label>
                                <select id="paciente" required name="paciente" onchange="validar_paciente_completo()" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="7">
                                        @if(isset($atencion->id))
                                            @foreach ($pacientes as $paciente)
                                                @if ($atencion->paciente_id == $paciente->id)
                                                    <option value="{{$paciente->id}}">{{$paciente->nombre_completo}}</option>
                                                @endif
                                            @endforeach
                                        @else
                                            <option value="">{{'Seleccionar'}}</option>
                                        @endif
                                    @foreach ($pacientes as $paciente)
                                        <option value="{{$paciente->id}}">{{$paciente->nombre_completo}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 espacio7">
                                <label class="form-label">Motivo de la consulta</label>
                                @if(isset($atencion->motivo_consulta))
                                    <input id="motivo" name="motivo" type="text" value="{{$atencion->motivo_consulta}}" required class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="4">
                                @else
                                    <input id="motivo" name="motivo" type="text" required class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="4">
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 espacio7">
                                <label class="form-label">Validar Direccion</label>
                                @if(isset($atencion->direccion))
                                    <input id="direccion" name="direccion" type="text" required value="{{$atencion->direccion}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="4">
                                @else
                                    <input id="direccion" name="direccion" type="text" required value="{{$cliente->direccion}}" class="form-control form-control-sm espaciomenos7 bg-fondo-ip" tabindex="4">
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 espacio15">
                                <input type="hidden" name="atencion_activa" value="{{$atencion_activa}}">
                                <button type="submit" class="btn btn-primary btn-sm">Generar Solicitud</button>
                            </div>
                        </div>
                    </form>
                @endif
            </div>
            <div class="col-md-4">
            </div>
        </div>
    </div>
@stop

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