@extends('layouts.main_layout')
@section('title','RCSA - Add Organization Form')
@section('main-content')

<link rel="stylesheet" href="{{asset('/css/frontend/organization_edit.css')}}" type="text/css" />
<link rel="stylesheet" href="{{asset('/css/frontend/select2_v1.css')}}" type="text/css" />
<style type="text/css">
    tr:nth-child(odd) {
    background-color: #38445c;
}
</style>
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 dashboard-page-head add-org 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.organizations') }}"><i class="fas fa-chevron-left"></i></a>
          <h1 class="">Add Organization</h1>
        </div>
        <div class="row validation_message" style="display:none;">
            <div class="col-lg-8 col-md-12"></div>
            <div class="col-lg-4 col-md-12" style="color:#ff0000!important;"></div>
        </div>
        <form action="" method="POST" id="add-organisation" enctype="multipart/form-data">
        <!-- <form action="{{ route('admin.organizations.store') }}" method="POST" id="add-organisation" enctype="multipart/form-data"> -->
        @csrf

        <div class="row add-org-row">
            <div class="col-lg-6 col-md-12">
                <div class="form-group {{ $errors->has('organization_name') ? 'has-error' : '' }}">
                    <label for="organization name">Organization Name  <span class="req-span">*</span> </label>
                    <input type="text" class="form-control" id="organization_name" name="organization_name" value="{{ old('organization_name') }}" aria-describedby="Organization Name" placeholder="" autofocus="on" onKeyPress="return ValidateAlpha(event);">
                    <span class="alert-message" id="organization_name_err"></span>   
                    {!! $errors->first('organization_name', '<p class="help-block">:message</p>') !!} 
                </div>

                <div class="form-group {{ $errors->has('rcsa_unit') ? 'has-error' : '' }}">
                    <label for="rcsa unit">RCSA Unit  <span class="req-span">*</span> </label>
                    <div class="select_custom">
                        <i class="fas fa-sort-down"></i>
                        <select class="form-control" id="rcsa_unit" name="rcsa_unit">
                            @foreach($unitTypeArr as $key => $val)
                                <option value="{{ $key }}" {{ (isset($model) ? $model->unit_type_id : old('rcsa_unit')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                            @endforeach
                        </select>
                    <span class="alert-message" id="rcsa_unit_err"></span>    
                    {!! $errors->first('rcsa_unit', '<p class="help-block">:message</p>') !!} 
                    </div>                   
                </div>
            </div>
            <div class="col-lg-6 col-md-12">
                <div class="form-group {{ $errors->has('number_of_rcsa_units') ? 'has-error' : '' }}">
                    <label for="number of rcsa units">Number of RCSA Units  <span class="req-span">*</span> </label>
                  
                    <input type="text" class="form-control" id="number_of_rcsa_units" name="number_of_rcsa_units" value="{{ old('number_of_rcsa_units') }}" aria-describedby="Number of RCSA Units" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="1">
                    <span class="alert-message" id="number_of_rcsa_units_err"></span>    
                    {!! $errors->first('number_of_rcsa_units', '<p class="help-block">:message</p>') !!} 
                </div>
                <div class="form-group {{ $errors->has('reporting_currency') ? 'has-error' : '' }}">
                    <label for="reportingcurrency">Reporting Currency  <span class="req-span">*</span> </label>
                    <div class="select_custom">
                        <i class="fas fa-sort-down"></i>
                        <select class="form-control" id="reporting_currency" name="reporting_currency">
                            @foreach($currencyArr as $key => $val)
                                <option value="{{ $key }}" {{ (isset($model) ? $model->currency_id : old('rcsa_unit')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <span class="alert-message" id="reporting_currency_err"></span>
                    {!! $errors->first('reporting_currency', '<p class="help-block">:message</p>') !!}     
                </div>
            </div>

            <div class="col-lg-12 col-md-12 mt-4">
                <h5 class="unit-head">Unit Details</h5>
            </div>

            <div id="unit-group" style="min-width: 100%;">

                <fieldset id="fieldset1">
                <legend>Unit 1</legend>

                <div class="row" style="padding: 0px !important;">

                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('unit_name') ? 'has-error' : '' }}">
                            <label for="unit name">Unit Name <span class="req-span">*</span></label>
                            <input type="text" class="form-control" id="unit_name1" name="unit_name[]" value="" aria-describedby="Unit Name" placeholder="" onKeyPress="return ValidateAlphaAndSpecials(event);">
                            <!-- <span class="alert-message" id="unit_name_err"></span>       -->
                            <label for="unit_name" class="error"></label>
                            <span class="error" id="unit_name_err1"></span>

                            {!! $errors->first('unit_name[]', '<p class="help-block">:message</p>') !!} 
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('unit_poc_name') ? 'has-error' : '' }}">
                            <label for="unit poc name">Unit POC Name <span class="req-span">*</span></label>
                            <input type="text" class="form-control" id="unit_poc_name1" name="unit_poc_name[]" value="" aria-describedby="Unit POC Name" placeholder="" onKeyPress="return ValidateAlphaAndSpecials(event);">
                            <!-- <span class="alert-message" id="unit_poc_name_err"></span> -->
                            <label for="unit_poc_name" class="error"></label>
                            <span class="error" id="unit_poc_name_err1"></span>

                            {!! $errors->first('unit_poc_name[]', '<p class="help-block">:message</p>') !!} 
                        </div>
                    </div>
                </div>

                <div class="row" style="padding: 0px !important;">
                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('unit_poc_email') ? 'has-error' : '' }}">
                            <label for="unit poc email">Unit POC Email <span class="req-span">*</span></label>
                            <input type="email" class="form-control" id="unit_poc_email1" name="unit_poc_email[]" value="" aria-describedby="Unit POC Email" placeholder="" onKeyPress="return ValidateemailAddress(event);">
                            <!-- <span class="alert-message" id="unit_poc_email_err"></span> -->
                            <label for="unit_poc_email" class="error"></label>
                            <span class="error" id="unit_poc_email_err1"></span>

                            {!! $errors->first('unit_poc_email[]', '<p class="help-block">:message</p>') !!} 
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{$errors->has('unit_poc_phone_number') ? 'has-error' : ''}}" style="display:inline;">
                            <label for="unit poc phone number">Unit POC Phone <span class="req-span">*</span></label>

                                <div class="select_custom">
                                    <i class="fas fa-sort-down"></i>
                                    <select class="form-control country_code" id="unit_poc_country_code1" name="unit_poc_country_code[]">
                                        <option value="">Country Code</option>
                                        @if($countries)
                                            @foreach($countries as $key => $val)
                                                <option value="{{ $val->id }}" {{ (isset($model) ? $model->unit_poc_country_code : old('unit_poc_country_code')) == $val->id ? 'selected' : '' }}> {{ $val->dial_code.' '.ucwords($val->name) }} </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <span class="error" id="unit_poc_country_code_err1"></span>

                                    <label for="unit_poc_country_code" class="error"></label>
                                </div>

                                <input type="text" class="form-control phone_number" id="unit_poc_phone_number1" name="unit_poc_phone_number[]" value="" aria-describedby="Unit POC Phone Number" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10">

                                <!-- <span class="alert-message" id="unit_poc_phone_number_err"></span> -->
                                <label for="unit_poc_phone_number" class="error"></label>
                                <span class="error" id="unit_poc_phone_number_err1"></span>

                                {!! $errors->first('unit_poc_phone_number[]', '<p class="help-block">:message</p>') !!} 

                        </div>
                    </div>
                </div>

                <div class="row" style="padding: 0px !important;">
                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('unit_head_name') ? 'has-error' : '' }}">
                            <label for="unit head name">Unit Head Name <span class="req-span">*</span></label>
                            <input type="text" class="form-control" id="unit_head_name1" name="unit_head_name[]" value="" aria-describedby="Unit Head Name" placeholder="" onKeyPress="return ValidateAlphaAndSpecials(event);">
                            <!-- <span class="alert-message" id="unit_head_name_err"></span> -->
                            <span class="error" id="unit_head_name_err1"></span>

                            <label for="unit_head_name" class="error"></label>
                            {!! $errors->first('unit_head_name[]', '<p class="help-block">:message</p>') !!} 
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('unit_head_email') ? 'has-error' : '' }}">
                            <label for="unit head email">Unit Head Email <span class="req-span">*</span></label>
                            <input type="email" class="form-control" id="unit_head_email1" name="unit_head_email[]" value="" aria-describedby="Unit Head Email" placeholder="" onKeyPress="return ValidateemailAddress(event);">
                            <!-- <span class="alert-message" id="unit_head_email_err"></span> -->
                            <span class="error" id="unit_head_email_err1"></span>

                            <label for="unit_head_email" class="error"></label>
                            {!! $errors->first('unit_head_email[]', '<p class="help-block">:message</p>') !!} 
                        </div>
                    </div>
                </div>

                <div class="row" style="padding: 0px !important;">
                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{$errors->has('unit_head_phone_number') ? 'has-error' : ''}}">
                            <label for="unit head number">Unit Head Phone <span class="req-span">*</span></label>
                                <div class="select_custom">
                                    <i class="fas fa-sort-down"></i>
                                    <select class="form-control country_code" id="unit_head_country_code1" name="unit_head_country_code[]">
                                        <option value="">Country Code</option>
                                        @if($countries)
                                            @foreach($countries as $key => $val)
                                                <option value="{{ $val->id }}" {{ (isset($model) ? $model->unit_head_country_code : old('unit_head_country_code')) == $val->id ? 'selected' : '' }}> {{ $val->dial_code.' '.ucwords($val->name) }} </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <span class="error" id="unit_head_country_code_err1"></span>

                                    <label for="unit_head_country_code" class="error"></label>
                                </div>
                            
                                <input type="text" class="form-control phone_number" id="unit_head_phone_number1" name="unit_head_phone_number[]" value="" aria-describedby="Unit Head Phone Number" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10">
                                <!-- <span class="alert-message" id="unit_head_phone_number_err"></span> -->
                                <span class="error" id="unit_head_phone_number_err1"></span>

                                <label for="unit_head_phone_number" class="error"></label>
                                {!! $errors->first('unit_head_phone_number[]', '<p class="help-block">:message</p>') !!} 
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('unit_reporting_currency[]') ? 'has-error' : '' }}">
                            <label for="unitreportingcurrency">Unit Reporting Currency <span class="req-span">*</span></label>
                            <div class="select_custom">
                                <i class="fas fa-sort-down"></i>
                                <select class="form-control" id="unit_reporting_currency1" name="unit_reporting_currency[]">
                                    @foreach($unitCurrencyArr as $key => $val)
                                        <option value="{{ $key }}" {{ (isset($model) ? $model->currency_id : old('rcsa_unit')) == $key ? 'selected' : '' }}>{{ ucwords($val) }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <!-- <span class="alert-message" id="unit_reporting_currency_err"></span>     -->
                            <span class="error" id="unit_reporting_currency_err1"></span>

                            <label for="unit_reporting_currency" style="display:block;" class="error"></label>
                            {!! $errors->first('unit_reporting_currency[]', '<p class="help-block">:message</p>') !!} 
                        </div>
                    </div>
                </div>    
                </fieldset>
            </div>

            <div class="col-md-12 mb-5">
                <div class="row" style="padding: 0;">
                    <div class="col-md-6 col-lg-6"></div>
                    <div class="col-md-3 col-lg-3">
                        <input class="btn btn-primary btn-custom btn_custom_noBg" type='button' value='Remove' id='removeButton' style="width: 100%;">
                    </div>
                    <div class="col-md-3 col-lg-3">
                        <input class="btn btn-primary btn-custom btn_custom_bg" type='button' value='Add More' id='addButton' style="width: 100%;">
                    </div>
                </div>
            </div>
            <div class="col-md-12 mb-5">
                <div class="row" style="padding: 0;">
                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('organisation_poc_name') ? 'has-error' : '' }}">
                            <label for="organisation poc name">Organisation POC Name <span class="req-span">*</span></label>
                            <input type="text" class="form-control" id="organisation_poc_name" name="organisation_poc_name" value="{{ old('organisation_poc_name') }}" aria-describedby="Organisation POC Name" placeholder="" onKeyPress="return ValidateAlpha(event);">
                            <span class="alert-message" id="organisation_poc_name_err"></span>
                            {!! $errors->first('organisation_poc_name', '<p class="help-block">:message</p>') !!}       
                        </div>

                        <div class="form-group {{ $errors->has('organisation_poc_email') ? 'has-error' : '' }}">
                            <label for="organisation poc email">Organisation POC Email <span class="req-span">*</span></label>
                            <input type="email" class="form-control" id="organisation_poc_email" name="organisation_poc_email" value="{{ old('organisation_poc_email') }}" aria-describedby="Organisation POC Email" placeholder="" onKeyPress="return ValidateemailAddress(event);">
                            <span class="alert-message" id="organisation_poc_email_err"></span>
                            {!! $errors->first('organisation_poc_email', '<p class="help-block">:message</p>') !!}       
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-12">
                        <div class="form-group {{ $errors->has('organisation_poc_phone_number') ? 'has-error' : '' }}">
                            <label for="organisation poc number">Organisation POC Phone <span class="req-span">*</span></label>
                                <div class="select_custom" style="margin-bottom:20px;">
                                    <i class="fas fa-sort-down"></i>
                                    <select class="form-control country_code" id="organisation_poc_country_code" name="organisation_poc_country_code">
                                        <option value="">Country Code</option>
                                        @if($countries)
                                            @foreach($countries as $key => $val)
                                                <option value="{{ $val->id }}" {{ (isset($model) ? $model->organisation_poc_country_code : old('organisation_poc_country_code')) == $val->id ? 'selected' : '' }} > {{ $val->dial_code.' '.ucwords($val->name) }} </option>
                                            @endforeach
                                        @endif
                                    </select>
                                    <label for="organisation_poc_country_code" class="error"></label>
                                </div>
                        
                                <input type="text" class="form-control phone_number" id="organisation_poc_phone_number" name="organisation_poc_phone_number" value="{{ old('organisation_poc_phone_number') }}" aria-describedby="Organisation POC Phone Number" placeholder="" onkeypress="return event.charCode >= 48 && event.charCode <= 57" maxlength="10">
                                <span class="alert-message" id="organisation_poc_phone_number_err"></span>
                                    <span class="error" id="organisation_poc_phone_number_err"></span>
                                
                                {!! $errors->first('organisation_poc_phone_number', '<p class="help-block">:message</p>') !!}       
                        </div>

                        <div class="form-group {{ $errors->has('risk_matrix') ? 'has-error' : '' }}">
                            <label for="matrix">Risk Matrix</label>
                            <div class="select_custom">
                                <i class="fas fa-sort-down"></i>
                                <select class="form-control" id="risk_matrix" name="matrix_length">
                                    <option value="">Select Risk Matrix</option>
                                    <option value="3" @if (old('risk_matrix') == "3*3") {{ 'selected' }} @endif>3*3 Matrix</option>
                                    <option value="4" @if (old('risk_matrix') == "4*4") {{ 'selected' }} @endif>4*4 Matrix</option>
                                    <option value="5" @if (old('risk_matrix') == "5*5") {{ 'selected' }} @endif>5*5 Matrix</option>
                                </select>
                                <label for="matrix_length" class="error"></label>

                            <span class="error" id="matrix_length_err"></span>
                            <span class="alert-message" id="matrix_length_err"></span>   
                            
                            {!! $errors->first('risk_matrix', '<p class="help-block">:message</p>') !!}       
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="matrix-rating table-responsive mt-4">
                <div class="row" style="background-color: transparent!important;padding: 0;">
                  <div class="col-md-12 col-lg-12" style="padding:0;">
                    <h5 class="tbl-head">Matrix Risk Rating</h5>
                  </div>
                </div>

                <table class="matrix-table" cellpadding="10" cellspacing="0" id="matrix-table" style="display: none;">

                    <tr>
                        <th colspan="2">Risk Rating</th>
                        <th style="min-width:200px;">Description</th>
                        <th>Illustrative Description</th>
                        <th>Threshold</th>
                        <th>Illustrative Threshold</th>
                    </tr>
                    <tr>
                        <td>Likelihood</td>
                        <td>1</td>
                        <td>Lorem Ipsum</td>
                        <td>Rare</td>
                        <td>Lorem Ipsum</td>
                        <td>Lorem Ipsum</td>
                    </tr>   
                   

                    <tr>
                        <td>Impact</td>
                        <td>1</td>
                        <td>Lorem Ipsum</td>
                        <td>Rare</td>
                        <td>Lorem Ipsum</td>
                        <td>Lorem Ipsum</td>
                    </tr>
                   

                    <tr>
                        <td>Control Rating Effectiveness</td>
                        <td>1</td>
                        <td>Lorem Ipsum</td>
                        <td>Rare</td>
                        <td>Lorem Ipsum</td>
                        <td>Lorem Ipsum</td>
                    </tr>
                    
                    <tr>
                        <td>Design</td>
                        <td>1</td>
                        <td>Lorem Ipsum</td>
                        <td>Rare</td>
                        <td>Lorem Ipsum</td>
                        <td>Lorem Ipsum</td>
                    </tr>
                   
                </table>
            <div class="col-md-12 col-lg-12 p-0 mt-4">
                <div class="form-group {{ $errors->has('documents') ? 'has-error' : '' }}" style="width: 100%;">
                    <label for="organizationName">Upload Previous RCSA Documents</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" multiple>
                      </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>
                    {!! $errors->first('documents', '<p class="help-block">:message</p>') !!}       
                </div>
            </div>

            <div class="col-md-12 col-lg-12">
                <div class="d-flex btn_wrap">
                    <!-- <button type="" class="btn btn-primary btn-custom btn_custom_noBg" >Cancel</button> -->
                    <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>
                    <!-- <button type="submit" class="btn btn-primary btn-custom btn_custom_bg" id="submitBtn">Save</button> -->
                </div>
            </div>
        </div>
    </form>
    </div>
</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 type="text/javascript">
    var baseurl = '