@extends('layouts.admin.default')
@section('content')

    <!-- Body: Body -->
    <div class="body d-flex py-lg-4 py-3">
        <div class="container-fluid">

            <div class="row g-4">
                <div class="col-12">
                    <ul class="nav nav-tabs tab-body-header rounded d-inline-flex" role="tablist">
                        <li class="nav-item"><a class="nav-link " href="{{route('patient.index')}}" role="tab"><i
                                    class="fa fa-user"></i><span
                                    class="d-none d-md-inline-block ms-2">{{__("patients")}}</span></a></li>
                        <li class="nav-item"><a class="nav-link " href="{{route('patient.create')}}" role="tab"><i
                                    class="fa fa-user-plus"></i><span
                                    class="d-none d-md-inline-block ms-2">{{__("create patient")}}</span></a></li>
                        <li class="nav-item"><a class="nav-link "
                                                href="{{route('patient.show',$patient->id)}}"
                                                role="tab"><i class="fa fa-user-circle-o"></i><span
                                    class="d-none d-md-inline-block ms-2">{{__("profile")}}</span></a></li>
                        <li class="nav-item"><a class="nav-link active" href="{{route('patient.file',$patient->id)}}"
                                                role="tab"><i
                                    class="fa fa-print"></i><span
                                    class="d-none d-md-inline-block ms-2">Files</span></a></li>
                    </ul>
                </div>
                <div class="col-12">
                    <div class="card">
                        <div class="card mb-4">
                            <div class="card-header bg-transparent py-3 d-flex justify-content-between">
                                <h6 class="card-title mb-0">Recent Files</h6>
                                {{--                                <a href="#" title="">View All</a>--}}
                            </div>
                            <ul class="list-unstyled list-group list-group-custom list-group-flush mb-0">
                                @foreach($patient->files()->where('type',\App\Enums\Main\FileTypeEnum::PATIENT_ATTACHMENT->value)->get() as $file)
                                    <li class="list-group-item py-3">
                                        <div class="d-flex align-items-center">
                                            <div class="avatar rounded no-thumbnail"><i
                                                    class="fa fa-file-photo-o text-danger"></i></div>
                                            <div class="flex-fill ms-3 text-truncate">



                                                    <a download
                                                       href="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($file?->path)}}">

                                                        <p class="mb-0 color-800">{{$file->original_name}}</p>
                                                        <small class="text-muted">{{$file->mime_type}}, {{$file->size}}
                                                            MB</small>
                                                    </a>



                                            </div>
                                            <form method="POST" action="{{ route('file.delete', $file->id) }}">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-danger ms-auto">Delete</button>
                                            </form>
                                        </div>
                                    </li>
                                @endforeach
                            </ul>
                        </div>


                    </div>
                </div>

            </div>
            <!-- .row end -->

        </div>
    </div>
@endsection