@push('scripts')

@endpush

<div class="white-box">
    <div class="row">
        <div class="col-md-12">
            <div>
                <div class="row">
                    <div class="col-md-9">
                        <table class="table table-bordered table-condensed table-striped">
                            <thead>
                            <tr>
                                <th style="color: black">{{ __('layout.patient_number') }}</th>
                                <th style="color: black">{{ __('layout.patient_names') }}</th>
                                <th style="color: black">{{ __('layout.gender') }}</th>
                                <th style="color: black">{{ __('layout.age') }}</th>
                                <th style="color: black">{{ __('layout.patient_category') }}</th>
                                @if(is_patient_accounts_enabled())<th style="color: black">{{ __('layout.patient_finance_account') }}</th>@endif
                            </tr>
                            </thead>
                            <tbody>
                            @php $dob = new Carbon\Carbon($patient->date_of_birth) @endphp
                            <tr>
                                <td>{{ $patient->number }}</td>
                                <td>{!! insurance_flag($patient->id) !!}</td>
                                <td>{{ $patient->gender == 1 ? __('layout.male') : __('layout.female') }}</td>
                                <td>{{ $dob->diffInYears(Carbon\Carbon::now()) }} (yrs)</td>
                                <td>{{ $categories[$patient->category_id] ?? 'N/A' }}</td>
                                @if(is_patient_accounts_enabled())
                                    <td>
                                        {{ ugandan_shillings($patient->patient_account_balance) }}

                                        <a href="/patient_accounts/statement/">{{ __('layout.more_details') }}</a>
                                    </td>
                                @endif
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-md-3">
                        <div class="button-box">
                            <a class="img" href="#modal-photo" data-toggle="modal" style="color: whitesmoke">
                                @if(!is_null($patient->photo) && $patient->photo != "")
                                    <img src='{{ asset($patient->photo) }}' class="img-rounded center" style='height: 59px; width: 100%' alt='Profile Picture' />
                                @else
                                    <img src="/uploads/streamline_images/person-place-holder.jpg" class="img-rounded center" style='height: 59px; width: 50%; margin-right: auto; margin-left: auto; display: block' alt='Person' />
                                @endif
                            </a>
                        </div>
                        <div class="modal fade" id="modal-photo" tabindex="-1" role="dialog" aria-labelledby="modal-photoLabel1">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="modal-photoLabel1">{{ __('layout.insured_patient_photo') }}</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="col-sm-12">
                                            <img src='{{ asset($patient->photo) }}' class="img-rounded center" style="margin: auto" alt='{{ __('layout.photo_not_available') }}' />
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">{{ __('layout.close') }}</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <br>

    <div class="row">
        <div class="col-md-2">
            <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#demographicsModal">{{ __('layout.demographics') }}</button>
        </div>
        <div class="col-md-2">
            <button type="submit" class="btn btn-success btn-sm show-episode-modal" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#episodeModal">{{ __('layout.new_episode') }}</button>
        </div>
        <div class="col-md-3">
            <a class="btn btn-success btn-sm" href="/patient_finance/customer_statement" target="_blank">{{ __('layout.customer_statement') }}</a>
        </div>
        @if(Auth::user()->can('pay-all-patient-bills'))
        <div class="col-md-3">
            <!-- If you want to uncomment the below function please know the page it leads to is severely out of date -->
            <!-- <a class="btn btn-success btn-sm" href="/patient_finance/pay_all_patient_bills/{{ $patient_id }}">Central Billing</a> -->
        </div>
        @endif
    </div>
</div>

@php $dob = new Carbon\Carbon($patient->date_of_birth); @endphp
<div class="modal fade" id="demographicsModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel1">{{ __('layout.patient_details') }}</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6">
                        <table class="table table-bordered">
                            <tbody>
                            <tr>
                                <th class="highlight">{{ __('layout.patient_number') }}</th>
                                <td>{{ $patient->number }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.patient_names') }}</th>
                                <td>{{ $patient->first_name }} {{ $patient->last_name }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.gender') }}</th>
                                <td>{{ $patient->gender == 1 ? __('layout.male') : __('layout.female') }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.date_of_birth') }}</th>
                                <td>{{ streamline_date($patient->date_of_birth) }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.age') }}</th>
                                <td>{{ $dob->diffInYears(Carbon\Carbon::now()) }} {{ __('layout.years') }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.residence') }}</th>
                                <td>{{ patient_residence($patient->id) }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.marital_status') }}</th>
                                <td>
                                {{ isset($marital_statuses[$patient->marital_status]) ? $marital_statuses[$patient->marital_status] : "N/A" }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-sm-6">
                        <table class="table table-bordered">
                            <tbody>
                            <tr>
                                <th class="highlight">{{ __('layout.next_of_kin') }}</th>
                                <td>{{ $patient->next_of_kin }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.relationship') }}</th>
                                <td>
                                {{ isset($relationships[$patient->next_of_kin_relationship]) ? $relationships[$patient->next_of_kin_relationship] : "N/A" }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.mobile_number') }}</th>
                                <td>{{ $patient->phone }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.phone_name') }}</th>
                                <td>{{ $patient->phone_owner }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.insurance_status') }}</th>
                                <td>
                                    @if($patient->insurance_status == 1)
                                        {{ __('layout.insured') }}
                                    @else
                                        {{ __('layout.not_insured') }}
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.occupation') }}</th>
                                <td>{{ isset($occupations[$patient->occupation_id]) ? $occupations[$patient->occupation_id] : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.patient_category') }}</th>
                                <td>{{ isset($patient_categories[$patient->category_id]) ? $patient_categories[$patient->category_id] : 'N/A' }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.registered_by') }}</th>
                                <td>{{ get_full_name($patient->created_by, 'id', 'first_name', 'last_name', 'users') }}</td>
                            </tr>
                            <tr>
                                <th class="highlight">{{ __('layout.registered_on') }}</th>
                                <td>
                                    {{ streamline_date($patient->created_at) }}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('layout.close') }}</button>
                <button type="button" class="btn btn-primary" id="edit_patient" onclick="window.location.href='/patients/{{ $patient->id }}/edit'">{{ __('layout.edit_patient') }}</button>
            </div>
        </div>
    </div>
</div>

<!-- modal that pops up when a new episode is clicked -->
<div class="modal fade" id="episodeModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-9" style="margin-top: 5px;">{{ __('layout.begin_episode_for_patient') }}</div>
                    <div class="col-sm-3">
                        {{ Form::open(['route' => 'patient_episodes.create_episode']) }}
                        {{ Form::hidden('patient_id', $patient->id) }}
                        {{ Form::hidden('is_from_finance', 1) }}
                        <button type="submit" class="btn btn-success btn-sm">{{ __('layout.yes') }}</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('layout.cancel') }}</button>
                        {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>