@extends('frontend.layouts.frontend_app')
@section('content')
    <section id="custom_dashboard">
        <div class="container" data-aos="fade-up">
            <div class="row">
                @include('frontend.pages.customer.includes.sidebar')
                <div class="col-lg-9">
                    <div class="card p-0 border-0">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center">
                            <div class="card-title h4 m-0">{{__('pages.Show Prescription')}}</div>
                            <a href="{{ route('customer.prescription') }}" class="btn btn-default">
                                {{__('pages.Back')}}
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-center">
                                <div class="">
                                    <p class="mb-0"><b>{{__('pages.Name')}}: </b>{{ $prescription->name }}</p>
                                    <p class="mb-3"><b>{{__('pages.Phone')}}: </b>{{ $prescription->phone }}</p>
                                </div>
                                <div class="">
                                    <p class="mb-3"><b>{{__('pages.Uploded')}}: </b>{{ date('F m,Y',strtotime($prescription->created_at)) }}</p>
                                </div>
                            </div>

                            <div class="row justify-content-center align-items-center">
                                @if(isset($prescription->prescription))
                                    <div class="col-lg-12">
                                        <img height="100" src="{{ asset('storage/images/ecommerce/prescription/'.$prescription->prescription) }}" class="img-fluid"/>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection