@extends('layout.mainlayout-empty')

@section('content')
    <style  type="text/css">
        body{
            background-color: #26E5AF !important;
            color:white !important;
            width: 100%;
        }
        html{
            width:100%;
        }
    </style>

    <div class="row" style="margin-top:20px">
        <div class="col" style="text-align: center;" >
            <a href="/"><h2 style="color:white;font-size: 20px">{{trans("web.res_info")}}</h2></a>
        </div>
    </div>

        <div class="container" style="border-radius: 10px;">
            <div style="background-color: white;border-radius: 10px;@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") margin-right: 10px; @else margin-left: 10px; @endif;    margin-bottom: 10px;">
                <div class="row" style="margin-top:5px;padding:5px;">
                    <div class="col" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif;" >
                        <img src="images/person.png" style="@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") margin-left:15px; @else margin-right:15px; @endif margin-bottom: 5px;"/><span style="color:#0CC993;font-size: 18px;font-weight: 600">{{trans("web.patient_name")}}</span>
                    </div>
                </div>

                <div class="row" style="padding:5px;">
                    <div class="col" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif;" >
                        <span style="color:#1F3E61;font-size: 18px;font-weight: 600;@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") margin-right:40px; @else margin-left:40px; @endif">{{$order->eNDUSER->FULL_NAME}}</span>
                    </div>
                </div>
                <hr />
                <div class="row" style="margin-top:5px;padding:5px;">
                    <div class="col" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif;" >
                        <img src="images/tcenter.png" style="@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") margin-left:15px; @else margin-right:15px; @endif margin-bottom: 5px;"/><span style="color:#0CC993;font-size: 18px;font-weight: 600">{{trans("web.res_center")}}</span>
                    </div>
                </div>
                <div class="row" style="padding:5px;">
                    <div class="col" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif;" >
                        <span style="color:#1F3E61;font-size: 18px;font-weight: 600;@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") margin-right:40px; @else margin-left:40px; @endif">
                             @php
                                 $HospitalName = "";
                                 if(empty($order->HOSPITAL->NAME_EN)) $HospitalName = trans("web.on_site");
                                 else{
                                 if(app('translator')->getLocale() == "ar") $HospitalName = $order->HOSPITAL->NAME_AR;
                                 else $HospitalName = $order->HOSPITAL->NAME_EN;
                                 }
                                 echo $HospitalName;
                             @endphp
                     </div>
                </div>
                <hr />


                <div class="row" style="margin-top:5px;padding:5px;">
                    <div class="col-7" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif;padding-right: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") 15px @endif;@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") border-left: 1px solid #CACACA; @else border-right: 1px solid #CACACA; @endif;" >
                        <div class="row">
                            <div class="col">
                                <img src="images/calendar-alt-gr.png" style="@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") margin-left:15px; @else margin-right:15px; @endif margin-bottom: 5px;"/><span style="color:#0CC993;font-size: 17px;font-weight: 600">{{trans("web.res_date")}}</span>
                            </div>
                        </div>
                        <div class="row">
                                <div class="col" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif;" >
                                    <span style="color:#1F3E61;font-size: 15px;font-weight: 600;">{{date("l",strtotime($order->SCHEDULE_DATE))}} {{date("d",strtotime($order->SCHEDULE_DATE))}} {{date("F",strtotime($order->SCHEDULE_DATE))}} {{date("Y",strtotime($order->SCHEDULE_DATE))}}</span>
                                </div>
                        </div>
                    </div>
                    <div class="col-5" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif;" >
                        <div class="row">
                            <div class="col">
                                <img src="images/clock-gr.png" style="@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") margin-left:15px; @else margin-right:15px; @endif margin-bottom: 5px;"/><span style="color:#0CC993;font-size: 17px;font-weight: 600">{{trans("web.res_time")}}</span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="col" style="text-align: @if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk")right @else left @endif ;@if(app('translator')->getLocale() == "ar" || app('translator')->getLocale() == "pk") padding-right: 32px; @else padding-left: 32px; @endif;    @if(app('translator')->getLocale() != "ar" && app('translator')->getLocale() != "pk")padding-right: 0;@endif" >
                                    <span style="color:#1F3E61;font-size: 15px;font-weight: 600;margin-left:3px;">{{date('h:i A',strtotime($order->lABAVAILABLETIME->FROM_TIME))}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>



                <hr style="border:2px dashed #26E5AF"/>
                <div class="row" style="margin-top:30px;padding-bottom:5px">
                    <div class="col" style="text-align: center">
                        <img src="/QR?reservationId={{$order->ID}}" />
                    </div>
                </div>
                <div class="row" style="text-align: center; margin-top:50px;margin-bottom: 10px;">
                    <div class="col">
                        <a href="/" style="border-radius: 20px;padding:14px;font-size:15px;min-width:150px;color: #8D8D8D;font-weight:600" class="ui button"><span style="padding:5px;">{{trans("web.home")}}</span></a>
                    </div>
                </div><br />
            </div>
        </div>


@endsection