@extends('layouts.main_layout')
@section('title','RCSA - Add RCSA Workshop Form')
@section('main-content')
<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>
    <form action="" method="POST" id="add_form" enctype="multipart/form-data">
      @csrf
         <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
            <a href="{{ route('admin.workshopvideos') }}"><i class="fas fa-chevron-left"></i></a>
            <h1 class="">Add RCSA Workshop Video</h1>
         </div>
         <div class="row">
            <div class="col-lg-6 col-md-12">
               <div class="form-group">
                  <label for="videoName">Video Name<span class="req-span">*</span></label>
                  <input type="text" class="form-control" name="video_name" value="{{ old('video_name') }}" id="video_name" placeholder="Please enter selecting video's name" autofocus="on" onKeyPress="return ValidateAlpha(event);">
                  <label for="video_name" class="error"></label>
                    <span class="alert-message" id="video_name_err"></span> 
               </div>
               <div class="form-group">
                  <label for="organizationName">Organization Name</label>
                  <input type="text" class="form-control" id="organizationNames" value="{{ $model->name ?? '' }}" readonly>
                  <input type="hidden" name="organization_id" id="orgId" value="{{$model->id??''}}">
               </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 }}" {{ old('unit_id') == $val->id ? 'selected' : '' }}>{{ $val->name }}</option>
                            @endforeach
                        @endif
                      </select>
                  <label for="unit_id" class="error"></label>
                 </div>
               </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 }}" {{ old('rcsa_reference_num') == $val->rcsa_reference_num ? 'selected' : '' }} data-id="{{$val->rcsa_from_date }}">{{ $val->rcsa_reference_num }}</option>
                           @endforeach
                       @endif
                     </select>
                  </div>
                    {{--
                     
                     <input type="text" class="form-control" name="rcsa_reference_num" value="{{$rcsa_ref_no ?? old('rcsa_reference_num')}}" id="rcsa_reference_num" 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="" id="rcsa_date"> 
                    <span id="rcsa_date_err" style="color:#ff0000!important;"></span>
                    <label for="rcsa_date" class="error"></label>
               </div>
            </div>
            <div class="col-lg-6 col-md-12">
               <div class="form-group {{ $errors->has('videos') ? 'has-error' : '' }}">
                  <div>
                     <label for="organizationName">Upload the Video<span class="req-span">*</span></label>
                     <div class="upload_wrap">
                        <i class="fas fa-upload"></i>
                        <div>
                           <input type="file" name="videos" id="videos" accept="video/*">
                        </div>
                        <p class="upload_sub_text"><span>Maximum uploaded size 500MB </span></p>
                     </div>
                     <label for="videos" class="error"></label>
                    <span class="alert-message" id="videos_err"></span> 
                  </div>
               </div>
               @if($errors->has('videos'))
                    <span class="invalid-feedback">
                        {{ $errors->first('videos') }}
                    </span>
                @endif
            </div>
         </div>
         <div class="d-flex btn_wrap">
            <input class="btn btn-primary btn-custom btn_custom_noBg" id="cancel_btn" type='' value='Cancel'>
            <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="submitBtn">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 = '