@php
    $progress_display_to_page_checked = "";

    $title = $due_diligence_record->title;
    $detail = $due_diligence_record->detail;
    $id = $due_diligence_record->id;
    $progress_display_to_page = $due_diligence_record->progress_display_to_page;
    
    if($progress_display_to_page == "Y")
    {
      $progress_display_to_page_checked = "checked";
    }

    $display_in_startup_levels = @json_decode(@$due_diligence_record->display_in_startup_levels) ?? [];
  @endphp
  <div class="offcanvas-header">
    <h5 id="offcanvas_edit_due_diligence_label" class="offcanvas-title">Edit Due Diligence</h5>
    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body mx-0 py-0">
    <form id="edit_due_diligence_form" action= "{!! tokenize_url(route('admin.master.due_diligence.update'),['id' => $id]) !!}" method="post" enctype="multipart/form-data">
      @csrf
      <div class="mb-3 control-group">
        <label for="session_master_ids" class="form-label">
          <span>Session</span>
          <span class="text-danger">*</span>
        </label>
        <select id="session_master_ids" 
          name="session_master_ids[]" 
          class="select2 form-select form-select-lg" 
          data-allow-clear="true"
          data-placeholder="Select Session"
          multiple 
        >
          @foreach($session_master_records as  $record)
             @php
                $selected = "";
                $session_master_id = $record->id;
                if(@in_array($session_master_id, @$selected_session_master_id_arr))
                {
                  $selected  = "selected";
                }
             @endphp 
            <option value="{{ $session_master_id }}" {{$selected}}>{{ $record->batch_caption }}</option>
          @endforeach
        </select>
      </div> 

      <div class="mb-3 control-group">
        <label class="form-label" for="title">
          <span>Title</span>
          <span class="text-danger">*</span>
        </label>
        <input type="text" class="form-control" id="title" name="title" placeholder="Title" value="{{ $title }}"/>
      </div>

      <div class="mb-3 control-group">
        <label class="form-label" for="detail">
          <span>Detail</span>
        </label>
        <textarea class="form-control" id="detail" name="detail" placeholder="Detail">{{ $detail }}</textarea>
      </div>

      <div class="mb-3 control-group">
        <label for="" class="form-label">
          <span>Display In Startup Levels</span>
        </label>
        <div class="row">  
          @foreach($startups_levels_arr as $startup_level_key => $startup_level_caption)
            @php
              $checked = "";
              $element_id = "strtp_lvl".$startup_level_key;
              if(@in_array($startup_level_key,$display_in_startup_levels))
              {
                $checked = "checked";
              }
            @endphp
            <div class="col-lg-4 col-6 mb-1">
              <input name="display_in_startup_levels[]" class="form-check-input" type="checkbox" id="{{$element_id}}" value="{{ $startup_level_key }}" {{ $checked }} />
              <label class="form-check-label" for="{{$element_id}}">{{ $startup_level_caption }}</label>
            </div>
          @endforeach
        </div>
      </div>

      <div class="mb-3 control-group">
        <label for="progress_display_to_page" class="form-label">
          <span>Progress Display To Page ?</span>
        </label>
        <!--  -->
        <div class="">
          <label class="switch switch-primary">
            <input id="progress_display_to_page" type="checkbox" class="switch-input" name="progress_display_to_page" value="Y" {{$progress_display_to_page_checked}} />
            <span class="switch-toggle-slider">
              <span class="switch-on"></span>
              <span class="switch-off"></span>
            </span>
            <span class="switch-label">Yes</span>
          </label>
        </div>
      </div>

    </form>

    <div class="mt-3">
      <div class="d-flex align-items-center gap-2">
        <button id="edit_due_diligence_form_submit" form="edit_due_diligence_form" class="btn btn-primary btn-sm submit">
          Update
        </button>
        <button type="reset" form="edit_due_diligence_form" class="btn btn-sm btn-secondary" data-bs-dismiss="offcanvas">
          Cancel
        </button>
      </div>
    </div>
  </div>