@extends('layouts.main_layout')
@section('title','RCSA - Edit Workshop Video')
@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="edit_form" enctype="multipart/form-data">
        @csrf
        @method('PUT')
        <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="">Edit 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="{{ isset($model->video_name) ? $model->video_name : old('video_name') }}" id="video_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" value="{{ $model->organization->name ?? '' }}" id="organizationNames" readonly>
                  <input type="hidden" name="organization_id" id="orgId" value="{{$model->organization->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 }}" {{ (isset($model) ? $model->unit_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 }}" {{ $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</label>
                    <input type="text" class="form-control" name="rcsa_reference_num" value="{{$model->rcsa_reference_num ?? $rcsa_ref_no}}" id="rcsa_reference_num">
                --}}
                    <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="rcsa_date">
                      <label for="rcsa_date" class="error"></label>
                      <span class="alert-message" id="rcsa_date_err"></span> 
                </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/*" multiple>
                        </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" style="display: none;">Failed!, Something went wrong. </span> 
                  </div>
               </div>
               @if($errors->has('videos'))
                    <span class="invalid-feedback">
                        {{ $errors->first('videos') }}
                    </span>
                @endif
               <div class="form-group">
                    <div>
                        <label for="organizationName">Uploaded Videos</label>
                        <div class="">
                            @if(isset($model->file_path))
                                <div class="d-flex justify-content-between upload-progress-feild no-progress-bar">
                                    <div><img src="{{asset('/images/upload-video.png')}}" alt=""></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>
                                    <div class="remove_vid_div" data-original-title="Delete" title="delete" data-toggle="modal" data-target="#removeModal" data-id="{{$model->id}}" data-token="{{csrf_token()}}" data-backdrop="static" data-keyboard="false" >
                                        <i class="fas fa-times-circle" style="margin: 0 0rem 0rem;"></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_btn" type='' value='Cancel'>
            <button type="button" class="btn btn-primary btn-custom btn_custom_bg" id="submitBtn">Save</button>
         </div>
      </form>
   </div>
   <div class="modal fade" id="removeModal" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <form action="" id="remove_form" method="POST">
                    @csrf
                    @method('POST')
                    <input type="hidden" id="delete_id" name="delete_id">

                    <div class="modal-header">
                        <h4 class="modal-title" style="color: #000;">Remove video</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>          
                    </div>
                    <div class="modal-body">
                        <p style="color: #000;">Do you want to remove <span> this video</span> ?</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default dont-delete" data-dismiss="modal">No</button>
                        <button type="submit" id="delete-btn" class="btn btn-default delete" data-dismiss="modal">Yes</button>
                    </div>
                </form>
            </div>
        </div>
    </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 = '