@extends('coaching.layout.master')
@section('content')
<div class="app-content  my-3 my-md-5">
        <div class="side-app">
          <div class="page-header">
            <ol class="breadcrumb">
              <li class="breadcrumb-item" ><a href="{{route('coaching.payout.list')}}">Payout Management</a></li>
              <li class="breadcrumb-item active" aria-current="page">Upload Documents</li>
            </ol>
          </div>
          <!-- MAIN BODY CONTENT -->
            <h1>Payout</h1>

            <!-- Table -->
            <div class="card">
              <div class="steps-wrap">
                <div class="card-header center-header pt-5">
                  <h2>Upload Document</h2>
                  <div class="filter-group">
                    <label class="switch-light switch-md" onclick="">
                      <input type="checkbox" name="type" value="1" @if($organisationDetails) @if($organisationDetails->type == 1){{'checked'}}@endif @endif/>
                      <span class="alert alert-light">
                        <span class="off">For Individual</span>
                        <span class="on">For Organization</span>
                        <a class="btn btn-primary"></a>
                      </span>
                    </label>
                  </div>
                </div>
                <div class="card-body">
                  <form id="organisation_add_frm">
                    <div class="row">
                      <input type="hidden" name="types" value="0" id="types">
                      
                      <div class="form-group col-lg-6 id_proof_select">
                        <label for="totalMarks" class="form-label">Identity Proof<span class="text-danger">*</span></label>
                        <select name="id_proof" id="id_proof" class="form-control">
                          <option value="1"  @if($organisationDetails) @if($organisationDetails->id_proof == 1){{'selected'}}@endif @endif>Voter Card</option>
                          <option value="2"  @if($organisationDetails) @if($organisationDetails->id_proof == 2){{'selected'}}@endif @endif>Adhar Card</option>
                          <option value="3"  @if($organisationDetails) @if($organisationDetails->id_proof == 3){{'selected'}}@endif @endif>Other Card</option>
                        </select>
                      </div>

                      <div class="form-group col-lg-6 payment_purpose">
                        <label for="totalMarks" class="form-label">Payment Purpose<span class="text-danger">*</span></label>
                        <input type="text" class="form-control" name="payment_purpose" value="Pan Card"  readonly />
                      </div>

                      <div class="form-group col-lg-6 voter_cls">
                        <label for="totalMarks" class="form-label id_type_lbl">Voter Card Number<span class="text-danger"></span></label>
                        <span class="mark_block">
                          <input type="text" class="form-control form_input" name="id_card_no" id="id_card_no" value="" placeholder="XXXX"/>
                          <a href="javascript:void(0)" class="edit_blank"><i class="fa fa-pencil"></i></a>
                        </span>
                      </div>

                      <div class="form-group col-lg-6 reg_cert_cls" style="display: none;">
                        <label for="totalMarks" class="form-label">Registration Certificate Number<span class="text-danger"></span></label>
                        <input type="text" class="form-control" name="registration_cert_no" id="registration_cert_no" value="@if($organisationDetails){{$organisationDetails->registration_cert_no}}@endif"/>
                      </div>

                      <div class="form-group col-lg-6">
                        <label for="totalMarks" class="form-label">Pan Card Number<span class="text-danger"></span></label>
                        <span class="mark_block">
                          <input type="text" class="form-control form_input" name="pan_card_number" value="" id="pan_card_number" placeholder="XXXX" />
                          <a href="javascript:void(0)" class="edit_blank"><i class="fa fa-pencil"></i></a>
                        </span>
                      </div>

                      <div class="col-lg-6 id_proof_upload_cls">
                        <div class="package-image">
                          <label for="" class="form-label id_type_lbl_file">Voter Card</label>
                          <div class="row">
                            <div class="col-md-12 col-lg-12">
                              <div class="form-group">
                                <input type="file" class="form-control uploads_docs" name="id_proofs[]" id="banner_upload" multiple="multiple">
                                <ul class="img-add">
                                  @if($organisationDocsId)
                                    @foreach($organisationDocsId as $ids)
                                                                            <li>
                                        <div class="img-box">
                                          @if($file_extension[1] == 'pdf')
                                          <a href="{{url('/storage/organisation/id_proofs/'.$ids->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                          </a>
                                          @elseif($file_extension[1] == 'doc' || $file_extension[1] == 'docx')
                                          <a href="{{url('/storage/organisation/id_proofs/'.$ids->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/doc.png')}}" alt="">
                                          </a>
                                          @else
                                          <a href="{{url('/storage/organisation/id_proofs/'.$ids->doc_name)}}" target="_blank">
                                            <img src="{{asset('storage/organisation/id_proofs/'.$ids->doc_name)}}" alt=""/>
                                          </a>
                                          @endif
                                        </div>
                                        <span class="doc_delete" data-id="{{base64_encode($ids->id)}}"><a href="#"><i class="fa fa-trash"></i></a></span>
                                        <span data-id="{{base64_encode($ids->id)}}" style="float: right;"><a href="{{url('/storage/organisation/id_proofs/'.$ids->doc_name)}}" download><i class="fa fa-download"></i></a></span>
                                      </li>
                                    @endforeach
                                  @endif
                                </ul> 
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-lg-6 reg_cert_upload_cls" style="display: none;">
                        <div class="package-image">
                          <label for="" class="form-label">Certificate</label>
                          <div class="row">
                            <div class="col-md-12 col-lg-12">
                              <div class="form-group">
                                <input type="file" class="form-control uploads_docs" name="reg_cert[]" id="banner_upload1"  multiple="multiple">
                                <ul class="img-add">
                                  @if($organisationDocsCert)
                                    @foreach($organisationDocsCert as $cert)
                                                                            <li>
                                        <div class="img-box">
                                          @if($file_extension[1] == 'pdf')
                                          <a href="{{url('/storage/organisation/reg_cert/'.$cert->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                          </a>
                                          @elseif($file_extension[1] == 'doc' || $file_extension[1] == 'docx')
                                          <a href="{{url('/storage/organisation/reg_cert/'.$cert->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/doc.png')}}" alt="">
                                          </a>
                                          @else
                                          <a href="{{url('/storage/organisation/reg_cert/'.$cert->doc_name)}}" target="_blank">
                                            <img src="{{asset('storage/organisation/reg_cert/'.$cert->doc_name)}}" alt=""/>
                                          </a>
                                          @endif
                                          <span class="doc_delete" data-id="{{base64_encode($cert->id)}}"><a href="#"><i class="fa fa-trash"></i></a></span>
                                          <span data-id="{{base64_encode($cert->id)}}" style="float: right;"><a href="{{url('/storage/organisation/reg_cert/'.$cert->doc_name)}}" download><i class="fa fa-download"></i></a></span>
                                        </div>
                                      </li>
                                    @endforeach
                                  @endif
                                </ul> 
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="col-lg-6">
                        <div class="package-image">
                          <label for="" class="form-label">Pan Card</label>
                          <div class="row">
                            <div class="col-md-12 col-lg-12">
                              <div class="form-group">
                                <input type="file" class="form-control uploads_docs" name="pan_card[]" id="banner_upload2" multiple="multiple">
                                <ul class="img-add">
                                  @if($organisationDocsPan)
                                    @foreach($organisationDocsPan as $pan)
                                                                            <li>
                                        <div class="img-box">
                                          @if($file_extension[1] == 'pdf')
                                          <a href="{{url('/storage/organisation/pan_card/'.$pan->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                          </a> 
                                          @elseif($file_extension[1] == 'doc' || $file_extension[1] == 'docx')
                                          <a href="{{url('/storage/organisation/pan_card/'.$pan->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/doc.png')}}" alt="">
                                          </a>
                                          @else
                                          <a href="{{url('/storage/organisation/pan_card/'.$pan->doc_name)}}" target="_blank">
                                            <img src="{{asset('storage/organisation/pan_card/'.$pan->doc_name)}}" alt=""/>
                                          </a>
                                          @endif
                                          <span class="doc_delete" data-id="{{base64_encode($pan->id)}}"><a href="#"><i class="fa fa-trash"></i></a></span>
                                          <span data-id="{{base64_encode($pan->id)}}" style="float: right;"><a href="{{url('/storage/organisation/pan_card/'.$pan->doc_name)}}" download><i class="fa fa-download"></i></a></span>
                                        </div>
                                      </li>
                                    @endforeach
                                  @endif
                                </ul> 
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="col-lg-6 board_res_div" style="display: none;">
                        <div class="package-image">
                          <label for="" class="form-label">Board Resolution</label>
                          <div class="row">
                            <div class="col-md-12 col-lg-12">
                              <div class="form-group">
                                <input type="file" class="form-control uploads_docs" name="res_board[]" id="banner_upload3"  multiple="multiple">
                                
                                <ul class="img-add">
                                  @if($organisationDocsBoard)
                                    @foreach($organisationDocsBoard as $board)
                                                                            <li>
                                        <div class="img-box">
                                          @if($file_extension[1] == 'pdf')
                                          <a href="{{url('/storage/organisation/res_board/'.$board->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                          </a> 
                                          @elseif($file_extension[1] == 'doc' || $file_extension[1] == 'docx')
                                          <a href="{{url('/storage/organisation/res_board/'.$board->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/doc.png')}}" alt="">
                                          </a> 
                                          @else
                                          <a href="{{url('/storage/organisation/res_board/'.$board->doc_name)}}" target="_blank">
                                            <img src="{{asset('storage/organisation/res_board/'.$board->doc_name)}}" alt=""/>
                                          </a>
                                          @endif
                                          <span class="doc_delete" data-id="{{base64_encode($board->id)}}"><a href="#"><i class="fa fa-trash"></i></a></span>
                                          <span data-id="{{base64_encode($board->id)}}" style="float: right;"><a href="{{url('/storage/organisation/res_board/'.$board->doc_name)}}" download><i class="fa fa-download"></i></a></span>
                                        </div>
                                      </li>
                                    @endforeach
                                  @endif
                                </ul> 
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="col-lg-6 other_doc_div" style="display: none;">
                        <div class="package-image">
                          <label for="" class="form-label">Other Document</label>
                          <div class="row">
                            <div class="col-md-12 col-lg-12">
                              <div class="form-group">
                                <input type="file" class="form-control uploads_docs" name="other[]" id="banner_upload4" multiple="multiple">
                                
                                <ul class="img-add">
                                  @if($organisationDocsOth)
                                    @foreach($organisationDocsOth as $other)
                                                                            <li>
                                        <div class="img-box">
                                          @if($file_extension[1] == 'pdf')
                                          <a href="{{url('/storage/organisation/other/'.$other->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/pdf.png')}}" alt="">
                                          </a>
                                          @elseif($file_extension[1] == 'doc' || $file_extension[1] == 'docx')
                                          <a href="{{url('/storage/organisation/other/'.$other->doc_name)}}" target="_blank">
                                            <img src="{{asset('admin/images/doc.png')}}" alt="">
                                          </a>
                                          @else
                                          <a href="{{url('/storage/organisation/other/'.$other->doc_name)}}" target="_blank">
                                            <img src="{{asset('storage/organisation/other/'.$other->doc_name)}}" alt=""/>
                                          </a>
                                          @endif
                                          <span class="doc_delete" data-id="{{base64_encode($other->id)}}"><a href="#"><i class="fa fa-trash"></i></a></span>
                                          <span data-id="{{base64_encode($other->id)}}" style="float: right;"><a href="{{url('/storage/organisation/other/'.$other->doc_name)}}"><i class="fa fa-download"></i></a></span>
                                        </div>
                                      </li>
                                    @endforeach
                                  @endif
                                </ul> 
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>                                            
                      <input type="hidden" name="edit_id" value="@if($organisationDetails){{base64_encode($organisationDetails->id)}}@endif">
                      
                    </div>
                    <div class="test-footer">
                      <button type="button" class="btn btn-primary btn-streach font-book mt-6 fs-14 organisation_add_btn">
                        @if($organisationDetails)
                            Update
                        @else
                            Submit
                        @endif
                      </button>
                      <a href="{{route('coaching.payout.list')}}"><button type="button" class="btn btn-outline-primary btn-pill btn-streach font-book ml-3 mt-6 fs-14">Cancel</button></a>
                    </div>
                  </form>
                </div>
              </div>
            </div>
            <!-- //Table -->
            <!--// MAIN BODY CONTENT -->
    </div>
  </div>
@endsection
@section('scripts')
<script type="text/javascript">
  var organisation_save = "{{route('coaching.payout.document.save')}}"; 
  $(document).ready(function() {
    var id_proof = $('#id_proof').val();
    var voter_card= "{{$organisationDetails->id_card_no}}";
    var pan_card= "{{$organisationDetails->pan_card_number}}";

    if(voter_card != '')
    {
      var vis = voter_card.slice(-4),
      countNum = '';

      for(var i = (voter_card.length)-4; i>0; i--){
          countNum += 'X';
      }
      $('#id_card_no').val(countNum+vis);
    }

    if(pan_card != '')
    {
      var vis = pan_card.slice(-4),
      countNum = '';

      for(var i = (pan_card.length)-4; i>0; i--){
          countNum += 'X';
      }
      $('#pan_card_number').val(countNum+vis);
    }
     


      if(id_proof == 1 || id_proof == 0){
          $('.id_type_lbl').html('Voter Card Number <span class="text-danger"></span>');
          $('.id_type_lbl_file').html('Voter Card <span class="text-danger"></span>');
      } else if(id_proof == 2){
          $('.id_type_lbl').html('Adhar Card Number <span class="text-danger"></span>');
          $('.id_type_lbl_file').html('Adhar Card <span class="text-danger"></span>');
      } else {
          $('.id_type_lbl').html('Other Card Number <span class="text-danger"></span>');
          $('.id_type_lbl_file').html('Other Card <span class="text-danger"></span>');
      }
    
  })
  @if($organisationDetails) 
    
    @if($organisationDetails->type == 1)
      $('#types').val(1);
      $('.organisation_type').show();
      $('.reg_cert_cls').show();
      $('.reg_cert_upload_cls').show();
      $('.board_res_div').show();
      $('.other_doc_div').show();
      $('.certificate').show();
      $('.board').show();
      $('.other_doc').show();
      $('.id_proof_select').hide();
      $('.id_proof_upload_cls').hide();
      $('.payment_purpose').hide();
      $('.voter_cls').hide();
      $('.voter').hide();
    @endif
  @endif
</script>
<script type="text/javascript">
  var bank_listing = "{{route('coaching.payout.list')}}";
  $('.edit_blank').on('click',function(e) { 
    $(this).prev().val('');
  });
</script>
<script type="text/javascript" src="{{asset('js/coaching/payout.js?v='.time())}}"></script>

@endsection