@extends('layouts.app')

@section('page_css')
  @parent
  <style> 
    .offcanvas_add_due_diligence
    {
      width:40rem !important;
    }

    .offcanvas_edit_due_diligence
    {
      width:40rem !important;
    }

    .offcanvas_add_due_diligence_question
    {
      width:40rem !important;
    }

    .offcanvas_view_due_diligence_question
    {
      width:70rem !important;
    }

    .offcanvas_edit_due_diligence_question
    {
      width:40rem !important;
      z-index: 1091 !important; 
    }

    .offcanvas_due_diligence_rights
    {
      width:70rem !important;
    }

  </style>

  <link rel="stylesheet" href="{{ asset('assets/vendor/libs/spinkit/spinkit.css') }}" />
@endsection

@section('content')
  @if(@$has_rights['list'])  
    @php
      $due_diligence_records = $due_diligence_data['records'] ?? [];
    @endphp
    <!-- Content --> 
    <!-- breadcrumb start -->
    <input id="due_diligence_load_data_table_url" type="hidden" value="{{tokenize_url(route('admin.master.due_diligence_load_data_table'),['has_rights' => @$has_rights]) }}"  />
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Master</a></li>
        <li class="breadcrumb-item active">Due Diligence</li>
      </ol>
    </nav>
    <!-- breadcrumb end --> 
                  
    <!-- Basic Bootstrap Table -->
    <div class="card card-primary">
      <div class="card-header border-bottom">
        <div class="row">
          <h5 class="col-8">Due Diligence</h5>
          <div class="col-4">
            <div class="d-flex gap-2 justify-content-end">  
              @if(@$has_rights['add'])  
                <button id="getDueDiligenceRightsForm" class="btn btn-sm btn-primary" data-action_url="{{route('admin.master.due_diligence.get_due_diligence_rights_form') }}">
                 Rights
                </button>
              @endif

              @if(@$has_rights['add'])  
                <button id="getAddDueDiligenceForm" class="btn btn-sm btn-primary" data-action_url="{{route('admin.master.due_diligence.add') }}">
                  Add New
                </button>
              @endif
            </div>
          </div>
        </div> 
      </div>
      <div class="card-body">
        <div class="card-datatable table-responsive">
          <table class="datatables-users table" id="due_diligence_data_table">
            
          </table>
        </div>
      </div> 
    </div>
  @endif


@endsection
<!--/ END PAGE CONTENT -->
@section('modals')
  @parent
  <!--Begin Offcanvas Add Due Diligence-->
  <div class="offcanvas offcanvas-end offcanvas_add_due_diligence" tabindex="-1" id="offcanvas_add_due_diligence" aria-labelledby="offcanvas_add_due_diligence_label">
    
  </div>
  <!--End Offcanvas Add Due Diligence-->

  <!--Begin Offcanvas Edit Due Diligence-->
  <div class="offcanvas offcanvas-end offcanvas_edit_due_diligence" tabindex="-1" id="offcanvas_edit_due_diligence" aria-labelledby="offcanvas_edit_due_diligence_label">
    
  </div>
  <!--End Offcanvas Edit Due Diligence-->

  <!--Begin Offcanvas add Due Diligence question-->
  <div class="offcanvas offcanvas-end offcanvas_add_due_diligence_question" tabindex="-1" id="offcanvas_add_due_diligence_question" aria-labelledby="offcanvas_add_due_diligence_question_label">
    
  </div>
  <!--End Offcanvas add Due Diligence question-->

  <!--Begin Offcanvas edit Due Diligence question-->
  <div class="offcanvas offcanvas-end offcanvas_edit_due_diligence_question" tabindex="-1" id="offcanvas_edit_due_diligence_question" aria-labelledby="offcanvas_edit_due_diligence_question_label">
    
  </div>
  <!--End Offcanvas edit Due Diligence question-->

  <!--Begin Offcanvas view Due Diligence question-->
  <div class="offcanvas offcanvas-end offcanvas_view_due_diligence_question" tabindex="-1" id="offcanvas_view_due_diligence_question" aria-labelledby="offcanvas_view_due_diligence_question_label">
    
  </div>
  <!--End Offcanvas view Due Diligence question-->

  <!--Begin Offcanvas Add Due Diligence-->
  <div class="offcanvas offcanvas-end offcanvas_due_diligence_rights" tabindex="-1" id="offcanvas_due_diligence_rights" aria-labelledby="offcanvas_rights_due_diligence_label">
    
  </div>
  <!--End Offcanvas Add Due Diligence-->

  <!-- Begin View Option Modal -->
  <div class="modal fade" id="viewOptionModal" tabindex="-1" aria-labelledby="viewOptionModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="viewOptionModalLabel">
            <span class="question_title">Modal title</span>
          </h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body py-1">
          <div class="question_option">
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>
  <!-- End View Option Modal -->
@endsection

@section('page_scripts')
  @parent
  <script src="{{ url('plugins/jquery-validation/dist/jquery.validate.js') }}"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/additional-methods.min.js" integrity="sha512-XZEy8UQ9rngkxQVugAdOuBRDmJ5N4vCuNXCh8KlniZgDKTvf7zl75QBtaVG1lEhMFe2a2DuA22nZYY+qsI2/xA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script src="{{ asset('assets/vendor/libs/jquery-repeater/jquery-repeater.js') }}"></script>
  <script src="{{ asset('assets/vendor/libs/block-ui/block-ui.js') }}"></script>
  <script type="text/javascript">
    $(document).ready(function()
    {
      let message = @JSON(session()->get('message'));
      if(message)
      {
        if(message.type == 'success')
        {
          showMessage(message.message);
        }
        else if(message.type == 'error')
        {
          showMessage(message.message, "error");
        }
      } 
    });

  </script>
  <script src="{{ asset('dist/js/master/due_diligence.js') }}"></script>
@endsection
<!--/ END PAGE CONTENT -->