@extends('layouts.main')

@push('styles')
@endpush

@section('content')
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">{{ __('patients.appointments') }}</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}">{{ __('patients.dashboard') }}</a></li>
                <li><a href="{{ route('patients.index') }}">{{ __('patients.patients') }}</a></li>
                <li class="active">{{ __('patients.appointments') }}</li>
            </ol>
        </div>
    </div>

    <div class="white-box">
        @include('flash::message')

        <div class="table-responsive">
            <table class="table color-bordered-table success-bordered-table">
                <thead>
                <tr>
                    <th>{{ __('patients.patient_name') }}</th>
                    <th>{{ __('patients.clinic') }}</th>
                    <th>{{ __('patients.incharge') }}</th>
                    <th>{{ __('patients.appointment_time') }}</th>
                    <th>{{ __('patients.patient_contact') }}</th>
                    <th>{{ __('patients.comments') }}</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                    @foreach($appointments as $appointment)
                        <tr>
                            <td>{{ get_full_name($appointment->patient_id, 'id', 'first_name', 'last_name', 'patients') }}</td>
                            <td>{{ get_name($appointment->clinic_allocation, 'id', 'name', 'clinics') }}</td>
                            <td>
                                @if($appointment->incharge_id != 0)
                                    {{ get_full_name($appointment->incharge_id, 'id', 'first_name', 'last_name', 'users') }}
                                @else
                                    N/A
                                @endif
                            </td>
                            <td>{{ $appointment->appointment_date }} at {{ $appointment->appointment_time }}</td>
                            <td>{{ get_name($appointment->patient_id, 'id', 'phone', 'patients') }}</td>
                            <td>{{ $appointment->comments }}</td>
                            <td><a href="/patients/confirm_appointment/{{ $appointment->id }}" class="btn btn-success">Select</a></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endsection

@push('scripts')
    <script type="text/javascript"></script>
@endpush