@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 Details</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"><a href="{{route('sample-collection')}}"> Collection List</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Collection Details</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>
                    
                <div class="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">Patient Test Information</h3>
                        </div>
                        
                        </div>
                    </div>
                    <div class="card-body " id="table_list">
                      <table class="w-100">
                            <tr>
                              <td><strong>Name:</strong></td>
                              <td>{{$cart_item_details->name}}</td>
                              <td><strong>Age:</strong></td>
                              <td>{{$cart_item_details->age}}</td>
                              <td><strong>Patient_code:</strong></td>
                              <td>{{$cart_item_details->patient_code}}</td>

                            </tr>
                            <tr>
                              <td><strong>Test/Package Name:</strong></td>
                              <td>{{$cart_item_details->test_name}}</td>
                            </tr>
                            <tr>
                              @if($cart_item_details->test_type=='Single')
                                <td><strong>Instruction:</strong></td>
                                <td colspan="5">{{$cart_item_details->description}}</td>
                              @endif
                              @if ($cart_item_details->test_type=='Package')
                                @php 
                                $ids =explode(',',$cart_item_details->test_ids);
                                 $test_items = App\Models\LaboratoryTest::whereIn('id',$ids)->get();
                                @endphp
                                <td colspan="7">
                                    <table class="w-100 table table-bordered">
                                      <tr>
                                        <td colspan="4" class="text-center">
                                          <span class="text-info">Following tests are include in this package </span>
                                        </td>
                                      </tr>
                                      @foreach ($test_items as $item)
                                        <tr>
                                        <td><strong>Test Name:</strong></td>
                                            <td>{{$item->name}}</td>
                                            <td><strong>Instruction:</strong></td>
                                            <td>{{$item->description}}</td>
                                        </tr>
                                                
                                      @endforeach
                                    
                                    </table>
                                  </td>
                              @endif
                            </tr>
                      </table>
                    </div>
                    <div class="card-footer clearfix text-center">
                     <button class="btn btn-info" onclick="markascollected(this,{{$cart_item_details->test_cart_id}},{{$assign_id}})">Mark as Collected</button>
                    </div>
                    </div>

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

      </main>

      <script>
        function markascollected(element,cart_id, assign_id){
          element.setAttribute('disabled',true);
          $.ajax({
                    type: "POST",
                    url: "{{route('mark-collected')}}",
                    data: {'_token':'{{csrf_token()}}',
                          'cart_id':cart_id,
                          'assign_id':assign_id  
                    },
                    // data:$('#patient_information').serialize ,
                    success: function(response) {
                      console.log(response);
                      if(response.success){
                        alertSuccessMessage(response.message);
                        window.location.href  ="{{route('sample-collection')}}";
                      }else{
                        alertErrorMessage(response.message);
                      element.setAttribute('disabled',false);

                      }
                    },
                    error: function(xhr, status, error) {
                      console.log(xhr.responseText);
                      alertErrorMessage(xhr.responseText);
                      element.setAttribute('disabled',false);


                    }
                  });
        }
      </script>
@endsection