@section('title', 'Documentary Instruction')

<div class="margin-15">
  <style>
    .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before{
      border-top-color: #255ca5 !important;
    }

    .form-control[readonly] {
      background-color: #dddd; 
      opacity: 1;
      pointer-events: none;
    }

    .sep-line3{
      margin: 20px 0 20px 0 !important;
      width: auto !important;
    }

    .table-striped tr:nth-child(even) {
        background-color: #e8e8e8f2 !important;
    }

    .table-striped tr:nth-child(odd) {
        background: #ffffff !important;
    }

    .table{
      --bs-table-bg: none;
    }

  </style>
  <div wire:init>
    @include('livewire.d-i.modules.di-info')
    
    <div class="text-end">
      <button class="btn btn-blue"  wire:click="$emit('formTypeChanged')">
        {{($this->form_type == 'presentation' ? 'Documentary Instruction' : 'Dox Presentation')}} <i class="fa-solid fa-arrow-up-right-from-square"></i>
      </button>
    </div>  
    <div>
      @if ($this->form_type == 'create')
        @livewire('App\Http\Livewire\DI\CreateLivewire', ['action' => $action ,'id' => $dox_id, 'type' => $type])
      @elseif($this->form_type == 'presentation')
        @livewire('App\Http\Livewire\DI\PresentationLivewire', ['action' => $action,'id' => $dox_id, 'type' => $type])
      @endif
    </div>
    <div class="text-end">
      <button class="btn btn-blue"  wire:click="$emit('formTypeChanged')">
        {{($this->form_type == 'presentation' ? 'Documentary Instruction' : 'Dox Presentation')}} <i class="fa-solid fa-arrow-up-right-from-square"></i>
      </button>
    </div>  
    
  </div>
  
</div>