@extends('adminlte::page')

@section('title', $title ?? '')

@section('content_header')
<h1>{{$title ?? ''}}</h1>
@stop

@section('content')
<form action="{{route('medicals.records.update',$record->id_medical_record)}}" method="POST" class="formMedicalRecord">
@csrf
@method('PUT')

<div class="row">
    <div class="col-xl-3 col-lg-3">
        <div class="card">
            <div class="card-header">
                Datos del paciente
            </div>
            <div class="card-body">
                @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-xl-12 col-lg-12">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">Carnet:</span>
                            </div>
                            <input type="hidden" name="id_medical_record_actual" value="{{$record->id_medical_record}}">
                            <input type="hidden" name="id_customer" value="{{$record->customer->id_customer}}">
                            <input type="text" name="customerIdentityDocument" autofocus class="form-control" placeholder="Carnet del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="1900" data-url="{{route('consumers.searchconsumer')}}" required value="{{$record->customer->identity_document}}">
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary" type="button" id="btnSearchCustomer"><i class="fas fa-search"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-12 col-lg-12">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">Cliente:</span>
                            </div>
                            <input type="text" name="customerName" class="form-control" placeholder="Nombre del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="1901" required value="{{$record->customer->name}}">
                        </div>
                    </div>
                    <div class="col-xl-12 col-lg-12">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">Celular:</span>
                            </div>
                            <input type="text" name="customerCellphone" class="form-control" placeholder="Celular del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="1902" value="{{$record->customer->cellphone}}">
                        </div>
                    </div>
                    <div class="col-xl-12 col-lg-12">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">Correo:</span>
                            </div>
                            <input type="email" name="customerEmail" class="form-control" placeholder="Correo del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="1903" value="{{$record->customer->email}}">
                        </div>
                    </div>
                    <div class="col-xl-12 col-lg-12">
                        <div class="input-group mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">Fecha Actual:</span>
                            </div>
                            <input type="datetime-local" name="medicalDate" value="{{$record->medical_date->format("Y-m-d\TH:i")}}" class="form-control" placeholder="Correo del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="1904" required>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="card">
            <div class="card-header">
                Próxima Cita
            </div>
            <div class="card-body">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Próxima Cita:</span>
                    </div>
                    <input type="date" name="medicalNextDate" value="{{$record->medical_next_date->format("Y-m-d")}}" class="form-control" placeholder="Correo del cliente" aria-label="Username" aria-describedby="basic-addon1" tabindex="1905" required>
                </div>
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">Revisado:</span>
                    </div>
                    <div class="input-group-append">
                        <label class="input-group-text" for="reviewedYes">
                            Si
                            <input type="radio" class="forn-control mx-2" name="reviewed" value="1" id="reviewedYes" {{$record->reviewed?'checked':''}}>
                        </label>
                        <label class="input-group-text" for="reviewedNo">
                            No
                            <input type="radio" class="forn-control mx-2" name="reviewed" value="0" id="reviewedNo" {{!$record->reviewed?'checked':''}}>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-6 col-lg-6">
        <div class="card">
            <div class="card-header">
                Diagnóstico
            </div>
            <div class="card-body">
                <textarea name="diagnostic" id="" cols="30" rows="5" class="form-control" required tabindex="1906">{{$record->diagnostic}}</textarea> 
            </div>
        </div>
        <div class="card">
            <div class="card-header">
                Tratamiento - Médicamentos Recetados
            </div>
            <div class="card-body">
                <textarea name="treatment" id="" cols="30" rows="5" class="form-control" required tabindex="1907">{{$record->treatment}}</textarea> 
                <div class="text-center mt-3">
                    <input type="button" value="Guardar Registro Médico" class="btn btn-success" id="saveMedicalRecord" tabindex="1908" disabled>
                </div>
            </div>
        </div>
        
    </div>
    <div class="col-xl-3 col-lg-3">
        <div class="card">
            <div class="card-header">
                Últimos Registros Médicos
            </div>
            <div class="card-body text-small" id="data-response">
                <small class="text-muted">No existen registros anteriores</small> 
            </div>
        </div>
    </div>
</div>
</form>
@stop

@section('css')

@stop

@section('js')
<script>
    var urlSearchPreviousMedicalRecord = "{{route('medicals.records.searchpreviousmedicalrecord')}}";
</script>
<script src="{{asset('js/medicals/record.js')}}"></script>
@stop