@extends('layouts.main_layout')

@section('title','RCSA - Edit Document Form')

@section('main-content')
<!-- <link rel="stylesheet" href="{{asset('/css/bootstrap-datetimepicker.css')}}" type="text/css" /> -->

<main role="main" class="col-md-9 ml-sm-auto col-lg-10 dashboard-page-head edit-document document pt-3 pb-2 mb-2">
   <div>
      <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
         <a href="{{ route('admin.rcsadocuments') }}"><i class="fas fa-chevron-left"></i></a>
         <h1 class="">Edit RCSA Document</h1>
      </div>
      <form action="" method="POST" id="edit-org-doc-form" enctype="multipart/form-data">
        @csrf
        @method('PUT')
         <div class="row">
            <div class="col-lg-6 col-md-12">
               <div class="form-group">
                  <label for="organizationName">Organization Name</label>
                  <input type="text" class="form-control" id="organizationNames" value="{{ $model->organization->name ?? '' }}" aria-describedby="emailHelp" placeholder="NeoSOFT Technologies">
                  <input type="hidden" id="orgId" name="organization_id" value="{{$model->organization->id??''}}">
               </div>
               <div class="form-group">
                  <label for="Organization">Level of RCSA Document <span class="req-span">*</span></label>
                  <div class="radio_btn_wrap">
                     <div class="form-check">
                        <label>
                           <input type="radio" name="organization_level" value="organizational" @if($model->organization_level==='Organizational' || $model->organization_level==='organizational') ? checked : '' @endif />
                           <p><span>Organizational</span></p>
                        </label>
                     </div>
                     <div class="form-check">
                        <label>
                           <input type="radio" name="organization_level" value="departmental" @if($model->organization_level==='Departmental' || $model->organization_level==='departmental') ? checked : '' @endif/>
                           <p><span>Departmental</span></p>
                        </label>
                     </div>
                  </div>
                  <label for="organization_level" class="error"></label>
                  <label id="checked" style="color:#ff0000!important;"></label>
               </div>
            
               <div class="form-group">
                 <label for="select-dept-name">Department Name / Business Entity Name / Process <span class="req-span">*</span></label>
                 <div class="select_custom">
                    <i class="fas fa-sort-down"></i>
                    <select class="form-control" id="unit_id" name="unit_id">
                      <option value="">Select Department Name / Business Entity Name / Process</option>
                        @if($units)
                            @foreach($units as $key => $val)
                              <option value="{{ $val->id }}" {{ (isset($model) ? $model->unit_id   : old('unit_id')) == $val->id ? 'selected' : '' }}>{{ $val->name }}</option>
                            @endforeach
                        @endif
                      </select>
                 </div>
               <label for="unit_id" class="error"></label>
                  <span id="unit_name_err" style="color:#ff0000!important;"></span>
               
              </div>

               <div class="form-group">
                  <label for="referenceno">RCSA Reference Number</label>
                        <div class="select_custom">
                            <i class="fas fa-sort-down"></i>
                            <select class="form-control" id="rcsa_reference_num" name="rcsa_reference_num">
                            @if($getRcsaDetails)
                                @foreach($getRcsaDetails as $key => $val)
                                 <option value="{{ $val->rcsa_reference_num }}" {{ $model->rcsa_reference_num == $val->rcsa_reference_num ? 'selected' : '' }} data-id="{{$val->rcsa_from_date }}">{{ $val->rcsa_reference_num }}</option>
                                @endforeach
                            @endif
                            </select>
                        </div>
                  {{--
                  <label for="referenceno">RCSA Reference Number <span class="req-span">*</span></label>
                  <input type="text" class="form-control" name="rcsa_reference_num" id="referenceno" value="{{ $model->rcsa_reference_num ?? $rcsa_ref_no }}" placeholder="89787" readonly="">
                  --}}
                  <label for="rcsa_reference_num" class="error"></label>
                  <span id="referenceno_err" style="color:#5cb85c!important;"></span>
               </div>

               <div class="form-group">
                  <label for="dateRcsa">Date of RCSA <span class="req-span">*</span></label>
                  <input type="date" class="form-control" name="rcsa_date" value="{{ isset($model->rcsa_date) ? strftime('%Y-%m-%d',strtotime($model->rcsa_date)) : '' }}" id="dateRcsa"  placeholder="Please select date">
                  <label for="rcsa_date" class="error"></label>
                  <span id="rcsa_date_err" style="color:#ff0000!important;"></span>
               </div>
            </div>

            <div class="col-lg-6 col-md-12">
               <div class="form-group {{ $errors->has('documents') ? 'has-error' : '' }}">
                  <div>
                     <label for="organizationName">Upload the Document<span class="req-span">*</span></label>
                     <div class="upload_wrap">
                        <i class="fas fa-upload"></i>
                        <div>
                           <input type="file" name="documents" id="documents" accept="application/msword, application/vnd.ms-excel, application/pdf, image/jpg, image/jpeg, .doc, .docx, application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
                        </div>
                        <p class="upload_sub_text"><span>Supports :</span> pdf / word / excel / jpg</p>
                     </div>
                    <label for="documents" class="error"></label>
                    <span class="alert-message" id="documents_err"></span> 
                  </div>
               </div>
               @if($errors->has('documents'))
                    <span class="invalid-feedback">
                        {{ $errors->first('documents') }}
                    </span>
                @endif
               <div class="form-group">
                  <div>
                     <label for="organizationName">Uploaded Files</label>
                     <div class="">
                        @if(isset($model->file_path))
                            <div class="d-flex justify-content-between upload-progress-feild no-progress-bar">
                                <div>
                                    @if($model->file_type=='jpg')
                                        <img src="{{asset('/images/upload-jpg.png')}}" alt="">
                                    @else
                                        <img src="{{asset('/images/upload-word.png')}}" alt="">
                                    @endif
                                </div>
                               <div class="w-100">
                                  <div class="d-flex justify-content-between upload_file_info">
                                     <div class="d-flex justify-content-between">
                                        <p>{{ basename($model->file_path) }}</p>
                                        <ul>
                                            <li class="grey_text">{{ formatSizeUnits($model->file_size) }}</li>
                                        </ul>
                                     </div>
                                  </div>
                                  <!-- <div class="upload-success"><p>100%</p><i class="fas fa-check"></i></div> -->
                                </div>
                               <!--<div><i class="fas fa-times-circle"></i></div>-->
                            </div>
                        @endif
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="d-flex btn_wrap">
            <input class="btn btn-primary btn-custom btn_custom_noBg" id="cancel_button" type='' value='Cancel'>
            <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="submitButton">Save</button>
         </div>
      </form>
   </div>
</main>
@endsection

@section('additionaljs')
<script src="{{asset('/js/jquery.js')}}"></script>
<script src="{{asset('/js/jquery.validate.min.js')}}"></script>
<script src="{{asset('/js/jquery-ui.js')}}"></script>

<script type="text/javascript">
   var baseurl = '