@extends('layouts/layoutMaster')

@section('title', 'Studies List')

@section('vendor-style')
    @vite([
      'resources/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.scss',
      'resources/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.scss',
      'resources/assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.scss',
      'resources/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.scss'
    ])
@endsection

@section('vendor-script')
    @vite([
      'resources/assets/vendor/libs/moment/moment.js',
      'resources/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js'
    ])
@endsection

@section('content')
    <!-- Invoice List Widget -->

    <div class="card mb-6">
        <div class="card-widget-separator-wrapper">
            <div class="card-body card-widget-separator">
                <div class="row gy-4 gy-sm-1">
                    <div class="col-sm-6 col-lg-3">
                        <div
                            class="d-flex justify-content-between align-items-start card-widget-1 border-end pb-4 pb-sm-0">
                            <div>
                                <h4 class="mb-0">24</h4>
                                <p class="mb-0">Clients</p>
                            </div>
                            <div class="avatar me-sm-6">
              <span class="avatar-initial rounded-3">
                <i class="ri-user-line text-heading ri-26px"></i>
              </span>
                            </div>
                        </div>
                        <hr class="d-none d-sm-block d-lg-none me-6">
                    </div>
                    <div class="col-sm-6 col-lg-3">
                        <div
                            class="d-flex justify-content-between align-items-start card-widget-2 border-end pb-4 pb-sm-0">
                            <div>
                                <h4 class="mb-0">165</h4>
                                <p class="mb-0">Invoices</p>
                            </div>
                            <div class="avatar me-lg-6">
              <span class="avatar-initial rounded-3">
                <i class="ri-pages-line text-heading ri-26px"></i>
              </span>
                            </div>
                        </div>
                        <hr class="d-none d-sm-block d-lg-none">
                    </div>
                    <div class="col-sm-6 col-lg-3">
                        <div
                            class="d-flex justify-content-between align-items-start border-end pb-4 pb-sm-0 card-widget-3">
                            <div>
                                <h4 class="mb-0">$2.46k</h4>
                                <p class="mb-0">Paid</p>
                            </div>
                            <div class="avatar me-sm-6">
              <span class="avatar-initial rounded-3">
                <i class="ri-wallet-line text-heading ri-26px"></i>
              </span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-lg-3">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h4 class="mb-0">$876</h4>
                                <p class="mb-0">Unpaid</p>
                            </div>
                            <div class="avatar">
              <span class="avatar-initial rounded-3">
                <i class="ri-money-dollar-circle-line text-heading ri-26px"></i>
              </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Invoice List Table -->
    <div class="card">
        <div class="card-datatable table-responsive">
            <table class="invoice-list-table table">
                <thead>
                <tr>
                    <th>Accession Number</th>
                    <th>Patient ID</th>
                    <th>Patient Name</th>
                    <th>Patient Sex</th>
                    <th>Modality</th>
                    <th>Study Date</th>
                    <th>Receive Date</th>
                    <th>Series</th>
                    <th>Institute Name</th>
                    <th class="cell-fit">&nbsp;</th>
                </tr>
                </thead>
                <tbody>
                @foreach($studies as $study)
                    <tr>
                        <td>{{ $study->accession_number }}</td>
                        <td>
                            <a href="{{ $study->getMetadataLink() }}">
                                {{ $study->patient_id }}
                            </a>
                        </td>
                        <td>
                            <a href="{{ $study->getHistoryLink() }}">
                                {{ $study->patient_name }}
                            </a>
                        </td>
                        <td>{{ $study->sexAge() }}</td>
                        <td>{{ $study->study_modality }}</td>
                        <td>{{ $study->study_date }}</td>
                        <td>{{ $study->received_at }}</td>
                        <td>{{ $study->numInstances() }}</td>
                        <td>{{ $study->institution_name }}</td>
                        <td>
                            @if ($study->allowed()['stone'])
                                <a target="_blank" href="{{ $study->links()['stone'] }}">St</a> |
                            @endif
                            @if ($study->allowed()['ohif'])
                                    <a target="_blank" href="{{ $study->links()['ohif'] }}">O</a> |
                            @endif
                            @if ($study->allowed()['ohif.mpr'])
                                    <a target="_blank" href="{{ $study->links()['ohif.mpr'] }}">OM</a> |
                            @endif
                            @if ($study->allowed()['ohif.seg'])
                                    <a target="_blank" href="{{ $study->links()['ohif.seg'] }}">OS</a> |
                            @endif
                            @if ($study->allowed()['zip'])
                                    <a target="_blank" href="{{ $study->links()['zip'] }}">Z</a> |
                            @endif

                                <span class="badge bg-success">Reported</span>

                            @can(\App\Models\Enums\Permission::ReportCreate)
                                <a target="_blank" class="btn"
                                   href="{{ route('radiologist.report-write', $study->id) }}">TXT</a>
                            @endcan
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
            <div class="mb-4 me-4">
                {!! $studies->links() !!}
            </div>

        </div>
    </div>
@endsection