@extends('common.index')
@section('content')

<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">Assigne Technician Manually</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">Assigne Technician Manually</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>
                @if($patientDetails)
                    @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 class="form-group">
                                    <select name="technician_id" id="technician_id" class="form-control">
                                        <option value="">Select Technician</option>
                                        @foreach ($technicians as $technician)
                                            <option value="{{$technician->user_id}}">{{$technician->name}}</option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger d-none" id="error">Please select technician from dropdown</span>
                                </div>

                            </div>
                            <div class="card-footer clearfix text-center">
                                <button class="btn btn-warning" onclick="asigne({{$patient['id']}})">Assigne</button>
                            </div>
                            </div>

                        </div>
                    @endforeach
                @else
                <div class="text-center"><h5>No Record Found</h5></div>
                @endif
            </div>
            <!--end::Row-->
          </div>
          <!--end::Container-->
        </div>
        <!--end::App Content-->
        
        

      </main>

      <script>
        function asigne(assign_id){
            let technician_id = $('#technician_id').val();
            if(technician_id==''){
                $('#error').removeClass('d-none');
                
            }else{
                $.ajax({
                    type: "POST",
                    url: "{{route('assigne')}}",
                    data: {'_token':'{{csrf_token()}}',
                          'technician_id':technician_id,
                          'assign_id':assign_id  
                    },
                    // data:$('#patient_information').serialize ,
                    success: function(response) {
                      console.log(response);
                      if(response.success){
                        alertSuccessMessage(response.message);
                        location.reload();
                      }else{
                        alertErrorMessage(response.message);

                      }
                    },
                    error: function(xhr, status, error) {
                      console.log(xhr.responseText);
                      alertErrorMessage(xhr.responseText);


                    }
                  });
            }
        }
      </script>
@endsection