@extends('layouts.main_frontend')
@section('title','RCSA - '.$title)
@section('main-content')
<link rel="stylesheet" href="{{asset('/css/frontend/rcsadoc_view.css')}}" type="text/css" />

<main role="main" class="col-md-9 ml-sm-auto col-lg-10 edit-document dashboard-page-head document pt-3 pb-2 mb-2">
    <form action="" method="POST" id="status-form" enctype="multipart/form-data">
      @csrf
        <div>
            <!-- <div class="hamburger mobilenav">
                <div class="hamburger__inner">
                <i class="fa fa-angle-left"></i>
                <div class="two"></div>
                <div class="three"></div>
                <a href="#" class="navbar-brand-new" id="sidebar-toggle"><i class="fa fa-angle-left"></i></a>
                </div>
            </div> -->
          <div class="d-flex flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-2">
             <a href="list-page-for-workshop-video.html"><i class="fas fa-chevron-left"></i></a>
             <h1 class="">View And Approve RCSA Document</h1>
          </div>
          <div id="main">
             <div class="container">
                <div class="row mb-4" style="border-radius: .25rem;">
                   <div class="col-lg-6 col-md-12">
                      <div class="form-group">
                         <label for="rcsa-ref-no">RCSA Ref. No.</label>
                         <input type="text" class="form-control" value="{{ $org_docs['rcsa_reference_num'] ?? '' }}" id="rcsa-ref-no" aria-describedby="emailHelp" placeholder="34763">
                      </div>
                      <div class="form-group">
                         <label for="orgName">Organization Name</label>
                         <input type="text" class="form-control" id="orgName" value="{{ $model->name ?? '' }}"  aria-describedby="emailHelp" placeholder="Neosoft Technology">
                      </div>
                      <div class="form-group">
                         <label for="deptName">Department Name / Business Entity Name / Process</label>
                         <input type="text" class="form-control" id="deptName" value="{{ $units ?? '' }}">
                      </div>
                      <div class="form-group">
                         <label for="date-of-rcsa">Date of RCSA</label>
                         <input type="text" class="form-control" id="date-of-rcsa" value="{{ isset($org_docs['rcsa_date']) ? date('d/m/Y', strtotime($org_docs['rcsa_date'])) : '' }}" aria-describedby="emailHelp" placeholder="21st June 2021">
                      </div>
                   </div>
                   <div class="col-lg-6 col-md-12">
                      <label for="risk-event-no">Document</label>
                      @if($org_docs['file_path'])
                            <div class="d-flex justify-content-between upload-progress-feild mt-0 mb-2">
                                <div>
                                    @if($org_docs['file_type'] === 'jpg' || $org_docs['file_path'] === 'jpeg')
                                        <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 class="mb-0">{{ basename($org_docs['file_path']) }}</p>
                                  <ul>
                                     <li class="grey_text">{{ formatSizeUnits($org_docs['file_size']) }}</li>
                                  </ul>
                               </div>
                            </div>
                         </div>
                         <div>
                            <i class="fas fa-download" style="margin: 0 0rem 0rem;"></i>
                         </div>
                      </div>
                      @endif
                      <div class="form-group">
                         <label for="risk-event-no">Approval Status</label>
                         <div class="select_custom">
                            <i class="fas fa-sort-down"></i>
                            <select class="form-control" id="status" name="status">
                               @foreach($approvalStatus as $key => $val)
                                    <option value="{{ $key }}" {{ (isset($org_docs['status']) ? $org_docs['status'] : old('status')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                @endforeach
                            </select>
                            <label for="status" class="error"></label>
                            <span class="alert-message" id="status_err"></span> 
                         </div>
                      </div>
                   </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>
</main>
@endsection

@section('additionaljs')
<script src="{{asset('/js/admin/jquery.validate.min.js')}}"></script>
<!--<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>-->
<script>
    var indexUrl = "{{ route('actionplans') }}";
    var redirectUrl = "{{ route('rcsadocuments') }}";
    var changeStatusUrl = "{{ url('rcsadocuments/changestatus') }}";
    var model_id = '';
</script>
<script src="{{asset('/js/frontend/rcsadoc_view.js')}}" type="text/javascript"></script>
@endsection