@extends('web_site.account.layout')

@section('account_title', trans('site.account.menu.records'))

@section('account_content')
    <div class="account-card">
        <div class="account-card__head">
            <h2 class="account-card__title">{{ trans('site.account.menu.records') }}</h2>
        </div>

        @forelse ($records as $record)
            <a href="{{ route('clinic.medical-records.show', $record) }}" class="record-row mb-3">
                <span class="record-row__icon"><i class="far fa-file-medical-alt"></i></span>
                <span class="record-row__body">
                    <strong>{{ \Illuminate\Support\Str::limit($record->diagnosis ?: trans('site.records.report'), 80) }}</strong>
                    <small>{{ $record->doctor?->name }} · {{ $record->doctor?->specialty?->name }} · {{ $record->published_at->translatedFormat('j F Y') }}</small>
                    <span class="record-row__tags">
                        @if ($record->prescription)<span><i class="far fa-prescription"></i> {{ trans('clinic.medical_records.prescription') }}</span>@endif
                        @if ($record->report)<span><i class="far fa-file-alt"></i> {{ trans('clinic.medical_records.report') }}</span>@endif
                        @if ($record->attachment_path)<span><i class="far fa-paperclip"></i> {{ trans('clinic.attachments.file') }}</span>@endif
                    </span>
                </span>
                <i class="far fa-angle-right record-row__arrow"></i>
            </a>
        @empty
            <div class="account-empty">
                <i class="far fa-file-medical"></i>
                <p class="mb-0">{{ trans('site.dashboard.no_records') }}</p>
            </div>
        @endforelse

        <div class="mt-4">{{ $records->links() }}</div>
    </div>
@endsection