@php
  $company_name = $startups_data->company_name ?? "--";
  $startups_id = $startups_data->id ?? "0";

  if($doc_type_record)
  {
    $doc_type_id = $doc_type_record->id;
    $type = $doc_type_record->type;
  }
@endphp
<div class="offcanvas-header">
  <h5 id="documentRequestOffCanvasLabel" class="offcanvas-title">Document Request To Startup</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 flex-grow-0 h-100">  
  <form id="documentRequestForm" action="{{ tokenize_url(route('admin.startup.view.snd_doc_req_to_strtp'),['startups_id' => $startups_id]) }}" enctype="multipart/form-data" method="POST"> 
    @csrf
    <div class="mb-3 control-group">
      <label class="form-label" for="">
        Startup Name
      </label>
      <input type="text" class="form-control" value="{{ $company_name }}" placeholder="" disabled />
    </div>

    @if($doc_type_tab_id == 0)
      <div class="mb-3 control-group">
        <label class="form-label" for="doc_req_doc_type_id">
        Document Type
          <span class="text-danger">*</span>
        </label>
        <select id="strtp_doc_type doc_req_doc_type_id" name="doc_type_id" class="form-control select2 field" data-placeholder = "Select document type">
          <!-- <option></option> -->
          @if($docTypeRecords)
            @foreach($docTypeRecords as $record)
              <option value="{{ $record->id }}">
                {{ $record->type }}
              </option>
            @endforeach
          @endif
        </select>
      </div>
    @else
      <div class="mb-3 control-group">
        <label class="form-label">
          Document Type
        </label>
        <input type="text" class="form-control" placeholder="Type" disabled value="{{ @$type }}"/>
        <input type="hidden" class="form-control field" name="doc_type_id" value="{{ @$doc_type_id }}" />
      </div>
    @endif

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

    <div class="mb-3 control-group">
      <label class="form-label" for="doc_req_description">
        Description
        <span class="text-danger"></span>
      </label>
      <textarea id="doc_req_description" name="description" class="form-control field" placeholder="Description"></textarea>
    </div>

    <div class="mb-3 control-group">
      <label class="form-label" for="doc_req_last_date">
        Last Date<span class="text-danger"> *</span>
        <span class="text-danger"></span>
      </label>
      <input id="doc_req_last_date" name="last_date" type="text" class="form-control flat_picker" placeholder="DD-MM-YYYY"/>
    </div>

    <div class="form-check form-check-primary control-group mb-3">
      <input name ="mandatory" class="form-check-input" type="checkbox" value="Y" id="doc_req_mandatory" />
      <label class="form-check-label" for="doc_req_mandatory">Force To Upload ?</label>
    </div>
  </form>
</div>

<div class="offcanvas-footer text-center px-4 mb-4">
  <button type="button" data-form="documentRequestForm" class="btn btn-primary" onclick="submitDocumentRequestToStartup(this);">
    <span class="spinner-border me-1 d-none" role="status" aria-hidden="true"></span>
    <span class="">Send Request</span>
  </button>
</div>