@extends('print')
@section('title', 'Visite médicale')

@push('scripts.header')
<link rel="stylesheet" href="{{ asset('css/visite-medicale.css') }}">
<link rel="stylesheet" href="{{ asset('css/reposmedical.css') }}">
@endpush

@section('heading')
<p class="title has-text-centered">{{ $company->name }}</p>

<div class="card-content is-flex is-horizontal-center">
    <figure class="image is-64x64">
        <img src="{{ $company->logo_url }}" alt="Logo de {{ $company->name }}" title="Logo de {{ $company->name }}">

    </figure>
    <p class="is-size-7">
        {{ $company->name }} &dash; NINEA : {{ $company->ninea }} •
        <i class="fa fa-envelope"></i> {{ $company->email ? $company->email : '-' }} •
    </p>
</div>
<div class="level">
    <div class="level-right"></div>
    <div class="level-left">
        <div class="level-item">
            <div class="has-text-centered-" style="padding-right: 5px;">
                Dakar le ,{{$vm}}
            </div>
        </div>
    </div>
</div>
@stop

@section('content')
<h2 class="title is-4 has-text-centered">Visite médicale </h2>

<section class="main-section">
    <h4 class="title is-6">Informations du patient</h4>
    @if ($medical_visit->patient)
    <div class="columns is-variable is-4">
        <div class="column">
            <div class="columns is-multiline is-mobile profile-info is-size-7">
                <div class="column is-full">
                    <span>Prénom : </span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->prenom }}</span>
                </div>

                <div class="column is-full">
                    <span>Nom : </span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->nom }}</span>
                </div>

                <div class="column is-full">
                    <span>Matricule : </span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->matricule }}</span>
                </div>

                <div class="column is-full">
                    <span>Fonction : </span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->post }}</span>
                </div>

                <div class="column is-full">
                    <span>Date de naissance : </span>
                    <span class="has-text-weight-bold">{{ Carbon\Carbon::parse($medical_visit->patient->date_naissance)->format('d/m/Y') }}
                        <strong>({{ $medical_visit->patient->age }} ans)</strong>
                    </span>
                </div>
            </div>
        </div>

        <div class="column">
            <div class="columns is-multiline is-mobile profile-info is-size-7">
                <div class="column is-full">
                    <span>Lieu de naissance : </span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->lieu_naissance }}</span>
                </div>

                <div class="column is-full">
                    <span>Adresse :</span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->adresse }}</span>
                </div>

                <div class="column is-full">
                    <span>Tel. dom. : </span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->tel_dom }}</span>
                </div>

                <div class="column is-full">
                    <span>Tel. port. : </span>
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->tel_port }}</span>
                </div>

                <div class="column is-full">
                    <span>Entreprise : </span>
                    @if ($medical_visit->patient->entreprise)
                    <span class="has-text-weight-bold">{{ $medical_visit->patient->entreprise->name }}</span>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @endif
    <hr>

    <div class="columns is-multiline is-mobile">
        @foreach($data as $datum)
        <div class="column is-full">
            <div class="columns" style="margin-bottom:0px;">
                <div class="column consultation">
                    <div class="title is-6" style="text-decoration:underline;">{{ $datum->name }}</div>
                </div>
            </div>
            <div class="columns">
                <div class="column">
                    <div class="columns is-variable is-4 is-multiline profile-info is-size-7">
                        @foreach($datum->fields as $field)
                        <div class="column is-half">
                            <div class="">{{ $field->label }} :</div>
                            <div class="has-text-weight-bold">
                                @if(is_array($field->value))
                                <div>
                                    @foreach($field->value as $val)
                                    •{{ $val }}
                                    @endforeach
                                </div>
                                @else
                                <span>{{ $field->value }}</span>
                                @endif
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        @endforeach
    </div>
    <!-- Conclusion -->
    <div class="columns">
        <div class="column is-12">
            <h2 class="title is-6" style="text-decoration:underline;">Conclusion</h2>
            <div class="columns is-variable is-4">
                <div class="column">
                    <div class="columns is-multiline is-mobile  is-size-6">
                        <div class="column is-full">
                            <span>Médecin : </span>
                            <span class="has-text-weight-bold">{{ $medical_visit->nom_medecin ? $medical_visit->nom_medecin  : null}}</span>
                        </div>

                      
                    </div>
                </div>

                <div class="column">
                    <div class="columns is-multiline is-mobile profile-info is-size-6">
                        <div class="column is-full">
                            <span>Date d’examen : </span>
                            <span class="has-text-weight-bold">{{ $medical_visit->la_date }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div style="display:flex;justify-content:space-between;border:1px solid #ccc;padding:10px 5px;border-radius:10px;">
                <div style="flex:1;">
                    <p><strong>État</strong></p>
                    <p> @if( $medical_visit->aptitude == "Apte")
                        <span> REPOND</span>
                        @endif
                        @if ($medical_visit->aptitude == "Inapte")
                        <span>NE REPOND PAS</span>
                        @endif
                    </p>
                </div>
                <div style="flex:2;">
                    <p><strong>Note</strong></p>
                    <p>{{ $medical_visit->note }}</p>
                </div>
            </div>
        </div>
    </div>

</section>

@stop