@extends('adminlte::page')

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

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

@section('content')
<div class="row">
    <div class="col-xl-3 col-lg-3">
        <div class="card">
            <div class="card-body">
                @if ($message!="")
                <div class="alert alert-success">
                    {{ $message ?? ''}}
                </div>
                @endif

                <table class="text-small table table-sm table-bordered table-striped table-hover">
                    <tbody>
                        <tr class="text-small">
                            <td colspan="4" class="text-right" width="30%">Carnet:</td>
                            <td class="text-left">{{$record->customer->identity_document}}</td>
                        </tr>
                        <tr class="text-small">
                            <td colspan="4" class="text-right">Nombre:</td>
                            <td class="text-left">{{$record->customer->name}}</td>
                        </tr>
                        <tr class="text-small">
                            <td colspan="4" class="text-right">Celular</td>
                            <td class="text-left">{{$record->customer->cellphone}}</td>
                        </tr>
                        <tr class="text-small">
                            <td colspan="4" class="text-right">Correo:</td>
                            <td class="text-left">{{$record->customer->email}}</td>
                        </tr>
                    </tbody>
                </table>
                <br>
                <table class="text-small table table-sm table-bordered table-striped table-hover">
                    <tbody>
                        <tr class="text-small">
                            <td colspan="4" class="text-right" width="30%">Fecha de Registro</td>
                            <td class="text-left">{{$record->medical_date->format("d/m/Y H:i")}}</td>
                        </tr>
                        <tr class="text-small">
                            <td colspan="4" class="text-right">Próxima Cita:</td>
                            <td class="text-left">{{$record->medical_next_date->format("d/m/Y")}}</td>
                        </tr>
                        <tr class="text-small">
                            <td colspan="4" class="text-right">Revisado</td>
                            <td class="text-left">{{$record->reviewed?'Si':'No'}}</td>
                        </tr>
                        
                    </tbody>
                </table>

            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <a href="{{route('medicals.records.edit',$record->id_medical_record)}}" class="btn btn-secondary" >Modificar Registro Médico</a>
            </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">
                {{$record->diagnostic}}
            </div>
        </div>
        <div class="card">
            <div class="card-header">Tratamiento - Médicamentos Recetados</div>
            <div class="card-body">
                {{$record->treatment}}
            </div>
        </div>

    </div>
    <div class="col-xl-3 col-lg-3">
        <div class="card">
            <div class="card-header">
                <b>Últimos Registros Médicos</b>
            </div>
            <div class="card-body">
                <table class="text-small table table-sm table-bordered table-hover">
                    <tbody>
                        @forelse ($historyMedicalRecords as $item)
                        <tr class="mb-2">
                            <td class="font-weight-bold text-right" width="30%">Fecha:</td>
                            <td>{{$item->medical_date}}</td>
                        </tr>
                        <tr>
                            <td class="font-weight-bold text-right">Próxima Cita:</td>
                            <td> 
                                {{$item->medical_next_date}}
                                @if ($item->reviewed)
                                    <span class="badge badge-success" title="Revisado">
                                        <i class="fas fa-check text-white"></i>
                                    </span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="font-weight-bold text-right">Diagnóstico:</td>
                            <td> {{$item->diagnostic}}</td>
                        </tr>
                        <tr>
                            <td class="font-weight-bold text-right">Tratamiento:</td>
                            <td> {{$item->treatment}}</td>
                        </tr>
                        
                        <tr>
                            <td colspan="2" class="border-0"><br></td>
                        </tr>                        
                        @empty
                        <small class="text-muted">No existen registros anteriores</small>
                        @endforelse
                        
                    </tbody>
                    
                </table>
            </div>
        </div>
    </div>
</div>


@stop

@section('css')

@stop

@section('js')
<script>
$(document).ready(function () {
    $('[data-widget="pushmenu"]').click();
});
</script>
@stop