@extends('admin/layouts/default')

@section('title')
Print Notary Documents
@parent
@stop

{{-- Page content --}}
@section('content')
<section class="content-header">
    <h1>Print Notary Document</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                Dashboard
            </a>
        </li>
        <li>Print Notary Document</li>
    </ol>
</section>

<section class="content paddingleft_right15">
    <div class="row">
        @include('flash::message')
        <div class="panel panel-success ">
            <div class="panel-heading clearfix">
                <h4 class="panel-title pull-left"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                    Application List
                </h4>
            </div></br>
            <!-- <div class="col-md-12">
                <div class="form-group col-sm-1">
                    {!! Form::label('file_no', 'Buyer Name:') !!}
                </div>
                <div class="form-group col-sm-2">
                    <input type="text" name="customer_name" id="customer_name" class="form-control" placeholder="Enter Customer Name ">
                </div>
                <div class="form-group col-sm-1">
                    {!! Form::label('file_no', 'Buyer Phone No:') !!}
                </div>
                <div class="form-group col-sm-2">
                    <input type="text" name="phone_no" id="phone_no" class="form-control" placeholder="Enter Phone No">
                </div>
                <div class="form-group col-sm-1">
                    {!! Form::label('file_no', 'Parcel ID:') !!}
                </div>
                <div class="form-group col-sm-2">
                    <input type="text" name="parcel_id" id="parcel_id" class="form-control" placeholder="Enter Parcel Id  ">
                </div>
                <button name="search" class="btn btn-success leftbtnsearch" id="searchApplicationList">Search</button>
            </div> -->
            <div class="panel-body table-responsive" >
                <table class="table table-responsive table-striped table-bordered" id="printNotaryDocument-table" width="100%">
                    <thead>
                        <tr>
                            <th>Ref No</th>
                            <th>Service</th>
                            <th>Application Date</th>
                            <th>Buyer Name</th>
                            <th>Buyer Number</th>
                            <th>Seller Name</th>
                            <th>Parcel Id</th>
                            <th>Settlement Date</th>
                            <th>Settlement Amount</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</section>
@include('admin.workflow.print_modal')

@stop
@section('footer_scripts')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/datatables/css/buttons.bootstrap.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/datatables/css/dataTables.bootstrap.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/datatables/css/buttons.bootstrap.css') }}">
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/jquery.dataTables.js') }}" ></script>
    <script type="text/javascript" src="{{ asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}" ></script>

<script>
$(document).ready(function () {
    $('#printNotaryDocument-table').DataTable({
        "processing": true,
        "serverSide": true,
        "dom": 'Bfrtip',
        "ajax":{
            "url": "{{ route('workflow.districtOfficerApproveList') }}",
            data: function(d){
                d.customer_name = $("#customer_name").val()
                d.phone_no = $("#phone_no").val()
                d.parcel_id = $("#parcel_id").val()

            },
        },
        "columns": [
            {data: 'id'},
            {data: 'service_name'},
            {data: 'application_date'},
            {data: 'buyer_name'},
            {data: 'buyer_no'},
            {data: 'seller_name'},
            {data: 'parcel_id'},
            {data: 'settlement_date'},
            {data: 'settlement_amount'},
            {data: 'status'},
            {data: 'actions'},
        ],
    });

    $('#searchApplicationList').on('click', function(){
        $('#printNotaryDocument-table').DataTable().ajax.reload();
    });
});

function printAllDocument(id){
                
    $("#pdf_files").html("");
    var baseurl = $('#baseurl').val();
    $.ajax({
        type: 'get', 
        url : baseurl+"/workflow/printAllDocument/"+id, 
        success : function (data) {

            $.each(data.data, function(index, value) {

                if(value['type'] == 'pdf')
                    var htmlPop = '<embed width=870 height=900'+' src="data:application/pdf;base64,'+ escape(value['file'])+ '"></embed>';
                else
                    var htmlPop = '<embed width="870" height="900" src="data:image/png;base64,'+value['file']+'"></embed>'; 

                $("#pdf_files").append(htmlPop);
            
                $('#print-view-modal-div').modal('show');
            });
        }
    }); 
}

</script>

@stop