@extends('print')
@section('title', 'Ordonnance')

<style type="text/css" media="print">
@page {
    size: auto;   /* auto is the initial value */
    margin: 0.5cm;  /* this affects the margin in the printer settings */
}
</style>

@push('scripts.header')
<link rel="stylesheet" href="{{ asset('css/ordonnance.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>
</div>
<p>Signature et cachet</p>

<div class="level">
    <div class="level-left">
        <div class="level-item">

            @if(auth()->user()->signature_url)
            <figure class="image is-110x110 has-text-left">

                <img src="{{ auth()->user()->signature_url }}" alt="" title="">

            </figure>
            @else
            <p></p>
            @endif
        </div>
    </div>
    <div class="level-right">
        <div class="level-item">
            <div class="has-text-centered-" style="padding-right: 5px;">
                Dakar, Dakar,{{$ordonnance->consultation->la_date}}
                <div>{{ $patient ? $patient->prenom.' '.$patient->nom : '-' }}</div>
                <div class="has-text-weight-bold"> {{ $age }}</div>

            </div>

        </div>
    </div>
</div>
@stop

@section('content')
<div class="ordonnance">
    <h1 class="title" style="text-decoration:underline;">Ordonnance</h1>

    <div class="columns">
        <div class="column">
            <div class="content">
                <ol type="1">
                @foreach($medications as $medication)
                    <li>
                        <div class="is-uppercase has-text-weight-bold" style="text-decoration: underline;">{{ $medication->name }}</div>
                        <div class="">{{ $medication->dosage }}</div>
                    </li>
                @endforeach
                </ol>
            </div>
        </div>

        <div class="column is-one-third">
            <div>
            @foreach($medications as $medication)

                        <div class="is-uppercase has-text-weight-bold" style="text-decoration: nounderline;">{{ $medication->nombre }}</div> <br><br>
                        <div class="is-uppercase has-text-weight-bold" style="text-decoration: underline;"></div>

                @endforeach
            </div>

        </div>
    </div>
</div>
@stop

@section('footer')
<footer class="print-footer">
    <p class="is-size-7">
        {{-- <img src="{{ $company->logo_url }}" alt="{{ $company->name }}" title="{{ $company->name }}" class="footer-logo"> --}}
        {{ $company->name }} &dash; NINEA : {{ $company->ninea }} •
        <i class="fa fa-envelope"></i> {{ $company->email ? $company->email : '-' }} •
        <i class="fa fa-globe"></i> {{ $company->website ? $company->website : '-' }}
    </p>
</footer>
@stop