@extends('layouts.default')

@section('title','File Documents')
@push('head')
<meta name="csrf-token" content="{{ csrf_token() }}">

<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>

@endpush
@section('content')

<script>
    @if (Session::has('success'))
            swal({
            title: "Success!",
                    text: "{{Session::get('success')}}",
                    icon: "success",
                    button: "Go Ahead!"
            }).then(function () {

    });
    @endif
    
        @if (Session::has('sign_success'))
            swal({
            title: "Success!",
                    text: "{{Session::get('sign_success')}}",
                    icon: "success",
                    button: "Go Ahead!"
            }).then(function () {

    });
    @endif



</script>
<div class="row">
    <!--Grid column-->
    <div class="col-md-1"></div>
    <div class="col-md-12 mb-5">


        @if(Session::has('failed'))
        <div class="alert alert-success text-center">
            {{Session::get('error')}}
        </div>
        @endif

        
        @php
use App\Http\Controllers\Da\DaController;
@endphp
        
        
        
        @if(!empty($legalaid_party_pet))
@if(count($legalaid_party_pet)>0)
@foreach($legalaid_party_pet as $item_party)

@if($item_party->lc_p_r == 'P' || $item_party->lc_p_r == 'R')
@php
$lc_party_pet_res=$item_party->lc_p_r;
@endphp
@endif


<div class="panel">
    <div class="panel-heading bg-blue-600 text-white">
    <h4 class="panel-title">Applicant (Petitioner) {{ $item_party->party_type == "I" ? "(Individual)" : ($item_party->party_type == "O" ? "(Organization)" : "") }}</h4>
        <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger" data-toggle="panel-collapse">
        <i class="fa fa-plus"></i>
      </a>
    </div>
    </div>
    <div class="panel-body"  style="display:none;">

<div class="row">
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="txt_name">Name</label>
        <b>{{ $item_party->name }}</b>
        </div>
        @if($item_party->party_type == "I")
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="txt_relpnm">{{ DaController::getFHHead($item_party->relation) }}</label>
        <b>{{ $item_party->prfhname }}</b>
        </div>
       @endif
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="txt_address">Address</label>
        <b>{{ $item_party->address }}</b>
        </div>
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_state">State</label>
        <b>{{ DaController::getState($item_party->state) }}</b>
        </div>
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_district">District</label>
        <b>{{ DaController::getDistrict($item_party->state, $item_party->district) }}</b>
        </div>
       
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_tehsil">Tehsil</label>
        <b>{{ DaController::getSubDistrict($item_party->district, $item_party->subdistrict) }}</b>
        </div>
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_village">Village</label>
        <b>{{ DaController::getVillage($item_party->subdistrict, $item_party->village) }}</b>

        </div>
        
        <div class="col-sm-3">
        <label class="control-label" for="txt_pincode">Pincode</label>
        <b>{{ $item_party->pincode }}</b>
      </div>
        
        <div class="col-sm-3">
        <label class="control-label" for="txt_mobileno">Mobile No.</label>
        <b>{{ $item_party->mobile_no }}</b>
      </div>
        
        <div class="col-sm-3">
        <label class="control-label" for="txt_email">Email Id</label>
        <b>{{ $item_party->email_id }}</b>
      </div>
      @if($item_party->party_type == "I")
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_gender">Gender</label>
        <b>{{ DaController::getGender($item_party->gender) }}</b>
      </div>

        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_religion">Religion</label>
        <b>{{ DaController::getReligionName($item_party->religion) }}</b>
      </div>

        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_caste">Caste</label>
        <b>{{ DaController::getCasteName($item_party->caste) }}</b>

      </div>

        <div class="col-sm-3">
        <label class="control-label" for="txt_caste_cer_no">Caste Certificate No.</label>
        <b>{{ $item_party->caste_cer_no }}</b>
      </div>

        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_occupation">Occupation</label>
        <b>{{ DaController::getOccupationName($item_party->occupation) }}</b>
      </div>

        <div class="col-sm-3">
        <label class="control-label" for="txt_emp_details">Employment Details</label>
        <b>{{ $item_party->employment_details }}</b>
      </div>

        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_ann_income">Annual Income</label>
        <b>{{ DaController::getIncome($item_party->annual_income) }}</b>
       </div>
       @endif
       </div>
        </div>
         </div>
         @endforeach
@endif
@endif
        
 
@if(!empty($legalaid_party_res))
@if(count($legalaid_party_res)>0)
@foreach($legalaid_party_res as $item_party_r)

@if($item_party_r->lc_p_r == 'P' || $item_party_r->lc_p_r == 'R')
@php
$lc_party_pet_res=$item_party_r->lc_p_r;
@endphp
@endif

<div class="panel">
    <div class="panel-heading bg-blue-600 text-white">
    <h4 class="panel-title">Respondent {{ $item_party->party_type == "I" ? "(Individual)" : ($item_party->party_type == "O" ? "(Organization)" : "") }}</h4>
        <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger" data-toggle="panel-collapse">
        <i class="fa fa-plus"></i>
      </a>
    </div>
    </div>
    <div class="panel-body" style="display:none;">
         <div class="row">
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="txt_ioname">Name</label>
        <b>{{ $item_party_r->name }}</b>
        </div>
       @if($item_party_r->party_type == "I")
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="txt_iorelpnm">{{ DaController::getFHHead($item_party_r->relation) }}</label>
        {{ $item_party_r->prfhname }}
      </div>
       @endif
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="txt_ioaddress">Address</label>
        <b>{{ $item_party_r->address }}</b>
        </div>
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_iostate">State</label>
        <b>{{ DaController::getState($item_party_r->state) }}</b>
              </div>
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_iodistrict">District</label>
        <b>{{ DaController::getDistrict($item_party->state, $item_party_r->district) }}</b>
      </div>
       
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_iotehsil">Tehsil</label>
        <b>{{ DaController::getSubDistrict($item_party->district, $item_party_r->subdistrict) }}</b>
        </div>
        
        <div class="col-sm-3 mb-2">
        <label class="control-label" for="ddl_iovillage">Village</label>
        <b>{{ DaController::getVillage($item_party->subdistrict, $item_party_r->village) }}</b>
      </div>
        
        <div class="col-sm-3">
        <label class="control-label" for="txt_iopincode">Pincode</label>
        <b>{{ $item_party_r->pincode }}</b>
        </div>
        
        <div class="col-sm-3">
        <label class="control-label" for="txt_iomobileno">Mobile No.</label>
        <b>{{ $item_party_r->mobile_no }}</b>
       </div>
        
        <div class="col-sm-3">
        <label class="control-label" for="txt_ioemail">Email Id</label>
        <b>{{ $item_party_r->email_id }}</b>
        </div>
        </div>
        </div>
         </div>
         @endforeach
             @endif
             @endif
             
             
        
        
        
  <!--Grid row-->
            <div class="panel panel-inverse">
                <div class="panel-heading">
                    <h4 class="panel-title">Upload Documents</h4>
                </div>
                <div class="panel-body" >
              
        
        
        
        
                                <form method='POST' action='/dashboard-panel-advocate-add-documents-file' enctype="multipart/form-data">
@csrf

        <div class="row">
    <div class="col-sm-12">
          
    <div class="row mb-15px">
                            <input type="hidden" name='anr_id' value='{{$anr_id}}'>
                            <input type="hidden" name='anr_no' value='{{$anr_no}}'>
                            <input type="hidden" name='anr_year' value='{{$anr_year}}'>                            
                            <input type="hidden" name='flag' value='direct-uploadig'>

                                <div class="col-sm-6 ">
                                    <div class="form-group ">
                                        <label for="document_type" class="form-label col-form-label">Select Document Name</label>
                                        <div class="select2-purple">
                                        <select area-label="document_type" class="document_type form-control form-control-sm @error('document_type') is-invalid @enderror" name="document_type" id="document_type">
                                            <option value='0'>select</option>
                                            @foreach($master_document as $ot)
                                            <option data-doccode='{{ $ot->doccode }}' data-doccode1='{{ $ot->doccode1 }}' value="{{ $ot->id }}" @if( $ot->id ==old('document_type')) {{'selected'}}  @endif  > {{ strtoupper($ot->docdesc) }}</option>
                                            @endforeach
                                        </select> 
                                        </div>
                                        
                                        
                                        @error('document_type')
                                        <span class="invalid-feedback d-inline" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                
                                <div class="col-sm-3 form-group">
                                   <div class="form-group ">
                                    <label for="upload_document" class="form-label col-form-label">Upload Documents <small>(Max 20 MB)</small></label>                                     
                                    <div class="custom-file">
                                        <input type="file" class="form-control fomr-control-sm @error('upload_document') is-invalid @enderror" name="upload_document" accept="application/pdf" id="upload_document">
                                    
                                        @error('upload_document')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                 </div>
                                </div>
        
        
        <div class="col-sm-3">
            <div class="form-group ">

                                        <label for="add-to-file-documents" class="form-label col-form-label">Add to File</label>
                                        <div>
                                        <button type='submit' id='add-to-file-documents' class='btn btn-warning add-to-file-documents'>Add</button>
                                        </div>
            </div>
        
        
    </div>
        </div>
                            
    </div>
        
        
            </div>
            
    </form>
        </div>
<!--            <form method="POST" action="/advocate/form" enctype="multipart/form-data">-->
                    
            <div class="panel panel-inverse added-documents">
                <div class="panel-heading">
                    <h4 class="panel-title">Documents Added By Panel Advocate</h4>
                </div>
                 <div class="panel-body" >
    <div class="row">
    <div class="col-sm-12">
          
    <div class="row mb-15px ">
<!--          <div class="table-responsive ">-->
                            <table class="display-added-documents table table-striped mb-0 align-middle">
                                <thead>
                                    
                                </thead>
                                <tbody>
                                    
                                </tbody>
                            </table>
<!--                        </div>-->

    </div>
                            
    </div>
            </div>
          </div>
        
            </div>
<!--        </form>-->

    </div>
</div>

    
    
<div class="modal" id="myModal">
  <div class="modal-dialog modal-xl">
    <div class="modal-content" style="height:90vh;">

      <!-- Modal Header -->
      <div class="modal-header">
      <small class="modal-title" id="modal_heading"></small>
        <button type="button" class="btn-close btn-sm" data-bs-dismiss="modal"></button>
      
      </div>

      <!-- Modal body -->
      <div class="modal-body"  id="dv_shw_pdf" style="height:90vh;">
     
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger btn-sm" data-bs-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>
    
@endsection
@push('scripts')
<script>
        var token = $("meta[name='csrf-token']").attr("content");
    $(document).ready(function () {
$("#document_type").select2();

var anr_id = '{{$anr_id}}';
get_uploaded_documents(anr_id);
function get_uploaded_documents(anr_id){
    
        $.ajax({
            type: "POST",
            url: "/dashboard-panel-advocate-uploaded-documents-file",
            data: {"_token": token, "anr_id":anr_id},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            dataType: 'json', 
            success: function (data) {
                    $('.display-added-documents thead').empty(); $('.display-added-documents tbody').empty();
            
                $('<tr>').append(
                    $('<th>').text("#"),
                    $('<th>').text("Document Name"),
                    $('<th>').text("Total Pages"),
                    $('<th class="delete_flag1" >').text("Delete"),
                    $('<th>').text("Document View"),
                    $('<th>').text("Remark"),                                        

                ).appendTo('.display-added-documents thead');
            
                    $.each(data, function(i, item) {
                        
                        var remark = ''; var pdf_view = '';
                        if(item.pdf_signed_name == null){
                            remark = '<button type="button" class="btn btn-danger e-sign-file-document" data-file="'+item.pdf_name+'" data-table-id="'+item.id+'">eHastakshar</button>';                          
                            pdf_view = item.pdf_name;
                        }
                        else if(item.send_for_filing == null){
                            remark = '<button type="button" class="btn btn-warning sent-to-sci-to-file-document" data-table-id="'+item.id+'">Send to SCI</button>';                          
                            pdf_view = item.pdf_signed_name;
                        }
                        else{
                 var MySQLDate = item.send_for_filing_datetime; //'2021-01-26 16:35:00';

var JavaScriptDate1 = new Date(MySQLDate).toLocaleDateString(
      {timeZone: "UTC"},
      {
        year: 'numeric',
        month: 'long',
        day: 'numeric',
        hour12: true,
        hour: '2-digit',
        minute: '2-digit'
      }
);

console.log(JavaScriptDate1);

                            remark = 'Sent to SCI at '+JavaScriptDate1+'';                          
                            if(item.is_consumed == true){
                                remark += ' (Consumed)';                                                          
                            }
                        }
                         
                        $('<tr>').append(
                        $('<td>').text(i+1),
                        $('<td>').text(item.document_name),
                        $('<td>').text(item.total_pages),

                        $('<td class="delete_flag1">').html('<a href="#" class="paper_book_remove" data-anr_id="'+anr_id+'" data-table-id="'+item.id+'" title="Remove" ><i class="text-danger fa fa-trash"></a>'),
                        $('<td>').html('<a href="#" class="pdflink" data-bs-toggle="modal" data-bs-target="#myModal" title="View" data-file="'+pdf_view+'"><i class="text-primary fa fa-eye"></a>'),                        
                        $('<td>').html(remark),
                        ).appendTo('.display-added-documents tbody');
                    });     
                    
                    //$('.merge_pdf').removeClass('d-none');
                    
            }
        });
}
    

    
    
    
     $(document).on("click", ".e-sign-file-document", function () {
            var table_id = $(this).data("table-id");
            var file = $(this).data("file");
            $.ajax({
            type: "POST",
            url: "/dashboard-panel-advocate-e-sign-file-document",
            data: {"_token": token, "table_id":table_id, "file":file},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
//            dataType: 'json', 
            success: function (data) {
                //alert(data);
                window.location.href="http://35.154.60.71:44499/esignature/request_receiver.php?a="+data; 
//                swal({
//            title: "Success!",
//                    text: data,
//                    icon: "success",
//                    button: "Go Ahead!"
//            }).then(function () {
//                location.reload();                    
//    });
                
                
            }
        });
        
    });
    
    
        $(document).on("click", ".sent-to-sci-to-file-document", function () {
            var table_id = $(this).data("table-id");
            $.ajax({
            type: "POST",
            url: "/dashboard-panel-advocate-file-send-to-sci",
            data: {"_token": token, "table_id":table_id},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
//            dataType: 'json', 
            success: function (data) {
                //alert(data);
                
                swal({
            title: "Success!",
                    text: data,
                    icon: "success",
                    button: "Go Ahead!"
            }).then(function () {
                location.reload();                    
    });
                
                
            }
        });
        
    });
    
   
$(document).on("click", '.pdflink', function () {
var pdf=$(this).data('file');

var title=$(this).attr('title');
if($("#dv_shw_pdf").length > 0) {
           $("#modal_heading").html(title);
           $("#dv_shw_pdf").html('<embed id="modal_src" src="/'+pdf+'" frameborder="0" width="100%" height="100%">');
          //  $(this).attr("data-bs-target","#myModal");
}
        });
        
});


    $(document).on("click", ".paper_book_remove", function () {
            var row_id = $(this).data("table-id");
            $.ajax({
            type: "POST",
            url: "/dashboard-panel-advocate-document-file-remove",
            data: {"_token": token, "row_id":row_id},
            cache: false,
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            dataType: 'json', 
            success: function (data) {
                console.log(data);
                if(data.status == 'success'){
                
swal({
            title: "Success!",
                    text: "success",
                    icon: "success",
                    button: "Go Ahead!"
            }).then(function () {
                location.reload();                    
    });
        
    
                }
                else{
                    alert("Error");
                }
            }
        });
        
    });
//    $(".delete_flag1").addClass("d-none");
</script>
@endpush