@extends('frontend.layouts.master')

@section('title', __('global.Update Details'))

@section('body_classes', 'd-flex justify-content-center align-items-center')

@section('body_styles', 'min-height: 100vh;margin: 0 auto;')

@section('container_classes', 'col-8 col-md-4 offset-md-4 col-sm-12')

@section('content')
    <div class="row my-5">
        <div class="col-sm-12">
            @if(!request()->has('qrcode'))
                <x-card>
                    <x-slot name="title">
                        @lang('global.Update Patient')
                    </x-slot>
                    
                    <form method="post" name="appointment_form" action="{{ route('appointment.update-details', ['patient' => $patient->string_id, 'registreid' => request()->get('registreid')]) }}">
                        @csrf
                        
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="nom">
                                        {!! showAsterix("nom") !!}
                                        @lang('global.Name')
                                    </label>
                                    <input type="text" name="nom" id="nom" class="form-control text-uppercase @error('nom') is-invalid @enderror" readonly value="{{ $patient->nom }}">
                                    @error('nom')
                                        <span class="invalid-feedback">
                                            {{$message}}
                                        </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="prenom">
                                        {!! showAsterix("prenom") !!}
                                        @lang('global.FirstName')
                                    </label>
                                    <input type="text" name="prenom" id="prenom" class="form-control text-capitalize @error('prenom') is-invalid @enderror" readonly value="{{ $patient->prenom }}">
                                    @error('prenom')
                                    <span class="invalid-feedback">
                                        {{$message}}
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="dob">
                                        {!! showAsterix("dob") !!}
                                        @lang('global.dob') <small class="d-none show-age-in-number">@lang('global.Age') <u></u></small>
                                    </label>
                                    <input type="text" name="dob" id="dob" placeholder="jour-mois-année" data-today="false" class="form-control init-datepicker @error('dob') is-invalid @enderror" value="{{old('dob', $patient->dob ? $patient->dob->format('d-m-Y') : '')}}">
                                    @error('dob')
                                    <span class="invalid-feedback">
                                        {{$message}}
                                    </span>
                                    @enderror
                                </div>
                            </div>

                            <div class="col-sm-12">
                                <div class="form-group">
                                    <label for="pid">
                                        {!! showAsterix("pid") !!}
                                        @lang('global.pid')
                                    </label>
                                    <input type="text" name="pid" id="pid" class="form-control text-uppercase @error('pid') is-invalid @enderror" placeholder="@lang('global.Enter Your PID For Confirmation')" value="">
                                   <small>*** La pièce d'identité utilisée lors de la vaccination est nécéssaire pour continuer</small>
                                    @error('pid')
                                        <span class="invalid-feedback">
                                            {{$message}}
                                        </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                    </form>
                    
                    <x-slot name="footer" class="text-right">
                        <button onclick="document.appointment_form.submit()" type="submit" class="btn btn-primary">@lang('global.Book Appointment')</button>
                    </x-slot>
                </x-card>
            @else
                <x-card>

                    <div class="row">
                        <div class="col-sm-12">
                            <strong>@lang('global.Pass') {{ __('global.'.$checkup->dccType->name) }} <span class="text-muted float-end">{{ $checkup->center->raison_sociale }}</span> </strong>
                        </div>
                        <div class="col-sm-12">
                            <img src="{{ url($checkup->patient->qrcode) }}" class="w-100" />
                        </div>
                        @if($checkup->dcc_type_id === 1)
                            <div class="col-sm-12 text-center text-muted">
                                <small>{{ __('global.'.$checkup->dccType->name) }}: {{ get_intitule($checkup->tr, 'valeur', 'libelle') }}</small> le, {{ $checkup->date_tr->format('d-m-Y') }}
                            </div>
                        @endif

                        <div class="col-sm-12">
                            <a download href="{{ route('public.checkup-details', ['checkup' => $checkup->string_id, 'print' => 1]) }}" class="btn btn-primary w-100 mt-5">
                                @lang('global.Download PDF')
                            </a>
                        </div>
                    </div>
                    
                </x-card>
            @endif
        </div>
    </div>

@endsection