@extends('common.index')
@section('content')
<style>
    .bs-stepper .step-trigger {
  padding: 0.5rem 1rem;
  border: none;
  background-color: transparent;
}

.bs-stepper .step-trigger:hover {
  background-color: #f0f0f0;
}

.bs-stepper .step-trigger.active {
  background-color: #007bff;
  color: #fff;
}

.bs-stepper .line {
  width: 100%;
  height: 2px;
  background-color: #ddd;
  margin: 0 10px;
}

.bs-stepper-content {
  padding: 20px;
}
.select-tests-list{
    border: 1px solid #92a598;
    height: 150px;
    background-color: #f1eeee;
    box-sizing: border-box;
    /* box-shadow: 0px 1px 1px 1px; */
    overflow: scroll;
} 
.select-tests-list li{
    list-style-type: decimal;
}
.selected-tests-list{
    border: 1px solid #92a598;
    height: 150px;
    background-color: #f1eeee;
    box-sizing: border-box;
    /* box-shadow: 0px 1px 1px 1px; */
    overflow: scroll;
}
.selected-tests-list li{
    list-style-type: decimal;
}
</style>
<main class="app-main">
        <!--begin::App Content Header-->
        <div class="app-content-header">
          <!--begin::Container-->
          <div class="container-fluid">
            <!--begin::Row-->
            <div class="row">
              <div class="col-sm-6"><h3 class="mb-0">Sample Collection List</h3></div>
              <div class="col-sm-6">
                <ol class="breadcrumb float-sm-end">
                  <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">sample Collection List</li>
                </ol>
              </div>
            </div>
            <!--end::Row-->
          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content Header-->
        <!--begin::App Content-->
        <div class="app-content">
          <!--begin::Container-->
          <div class="container-fluid">
            <!--begin::Row-->
            <div class="row g-4">
            <div class="col-12">

                @if(session('error'))
                    <div class="col-12">
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <strong>Error!</strong> {{ session('error') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    </div>
                    @endif

                    @if(session('success'))
                    <div class="col-12">
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>Success!</strong> {{ session('success') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    </div>
                    @endif
            </div>
                @foreach ($patientDetails as $patient)
                    
                <div class="col-md-4 col-12">
                    <div class="card card-info card-outline mb-4">
                    <div class="card-header">
                        <div class="row align-items-center">
                        <div class="col-md-12">
                            <h3 class="card-title mb-0"><i class="bi bi-person"></i> {{$patient['test_order']['patient']['name']}} [ {{$patient['test_order']['patient']['patient_code']}}]</h3>
                        </div>
                        
                        </div>
                    </div>
                    <div class="card-body " id="table_list">
                        <table style="height: 50px; overflow:hidden" class="table-striped w-100">
                        @foreach ($patient['test_order']['test_carts'] as $test)
                        @if($test['id']==$patient['cart_id'])
                            <tr>
                                <td>{{$test['test_name']}}</td>
                                <td>@if($test['test_status']==0)
                                    <span class="badge badge-pill text-danger">Pending</span>
                                    @elseif($test['test_status']==1)
                                    <span class="badge badge-pill text-warning">Sample collected</span>
                                    @endif
                                </td>
                            </tr>
                            @endif
                        @endforeach
                        </table>

                    </div>
                    <div class="card-footer clearfix text-center">
                        <span class="text-center">
                        <a href="{{route('collect-sample',[base64_encode($patient['cart_id']),base64_encode($patient['id'])])}}" class="text-info "><i class="bi bi-info-circle text-info"></i> More info</a>
                        </span>
                    </div>
                    </div>

                </div>
                @endforeach
            </div>
            <!--end::Row-->
          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content-->
        
        

      </main>
@endsection