@extends('admin/layouts/default')
@section('title')
Payments
@parent
@stop

{{-- page level styles --}}
@section('header_styles')
<link href="{{ asset('assets/css/pages/invoice.css') }}" rel="stylesheet" type="text/css"/>
<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') }}">
<!-- <link rel="stylesheet" type="text/css" href="{{ asset('assets/vendors/datetimepicker/css/bootstrap-datetimepicker.min.css') }}"> -->
@stop
@section('content')
  
<section class="content-header">
    <h1>{{Lang::get('payment.payment_details')}} <span style="color: #6B8E23">({{isset($currency)? $currency :'' }})</span> </h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route(Sentinel::getUser()->getRoles()->pluck('slug')->first() . '.dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                {{Lang::get('general.dashboard')}}
            </a>
        </li>
    </ol>
</section>

<section class="content paddingleft_right15">
    <div class="row">
        @include('flash::message')
        <div class="panel">
            <div class="panel-body table-responsive">
                <div class="row">
                    <div class="pull-right" style="padding-right: 15px">
                          
                            <!-- <a onclick="javascript:window.print();" class="btn btn-sm btn-responsive button-alignment btn-success">Print</a> -->
                    </div>
                </div>
                
                <div class="row">    
                    <div class="panel panel-info">
                        <div class="panel-heading clearfix">
                            <h4 class="panel-title"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                               {{Lang::get('payment.application_details')}}
                            </h4>
                          
                        </div>
                        <div class="panel-body">
                            <section class="content">
                                <div class="row ">
                                    <div class="col-md-12">
                                        @include('admin.transactions.transaction-partial')
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>  
                @if(Sentinel::inRole('admin') || Sentinel::hasAccess('workflow.show-documents'))

                <div class="row">
                    <div id="documentView-partial-div">    
                        <section class="content paddingleft_right15">        
                            <div class="row">    
                                <div class="panel panel-info">
                                    <div class="panel-heading clearfix">
                                        <h4 class="panel-title"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                                            {{Lang::get('documents.documents')}}
                                        </h4>
                                        <span class="pull-right ">
                                            <a href='#' id="documentView" style='color:#fff'><i class="fa fa-chevron-down"></i></a>
                                        </span>
                                    </div>
                                    <div class="panel-body" style="display: none">
                                        <section class="content" id="transactions-documents-list">
                                            
                                        </section>
                                    </div>                            
                                </div>
                        </section>
                    </div>
                </div> 
                @endif
                @if(Sentinel::inRole('admin') || Sentinel::hasAccess('workflow.buyers-identifications'))
                <div class="row">
                    <div id="customerdocumentView-partial-div">    
                        <section class="content paddingleft_right15">        
                            <div class="row">    
                                <div class="panel panel-info">
                                    <div class="panel-heading clearfix">
                                        <h4 class="panel-title"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                                            {{Lang::get('customer.customer_id_documents')}}
                                        </h4>
                                        <span class="pull-right ">
                                            <a href='#' id="customerdocumentView" style='color:#fff'><i class="fa fa-chevron-down"></i></a>
                                        </span>
                                    </div>
                                    <div class="panel-body" style="display: none">
                                        <section class="content" id="transaction-customer-documents-list">
                                            
                                        </section>
                                    </div>                            
                                </div>
                        </section>
                    </div>
                </div> 
                @endif   
                @if(Sentinel::inRole('admin') || Sentinel::hasAccess('admin.property-main-partial'))
                <div class="row">
                    <div id="properties-partial-div">    
                        <section class="content paddingleft_right15">        
                            <div class="row">    
                                <div class="panel panel-info">
                                    <div class="panel-heading clearfix">
                                        <h4 class="panel-title"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                                            {{Lang::get('transactions.property_details')}}
                                        </h4>
                                        <span class="pull-right ">
                                            <a href='#' id="transaction-property" style='color:#fff'><i class="fa fa-chevron-down"></i></a>
                                        </span>
                                    </div>
                                    <div class="panel-body" style="display: none">
                                        <section class="content" id="payment-property-details">
                                            <!-- Add properties main partial-->

                                        </section>
                                    </div>                            
                                </div>
                        </section>
                    </div>
                </div>   
                @endif
                <div class="row">
                    <div id="transaction-summary-partial-div" id="printSection">    
                        <section class="content paddingleft_right15">        
                            <div class="row">    
                                <div class="panel panel-info">
                                    <div class="panel-heading clearfix">
                                        <h4 class="panel-title"> <i class="livicon" data-name="list-ul" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                                             {{Lang::get('payment.sales_invoice')}} ({{$currency}})
                                        </h4>
                                    </div>
                                    <div class="panel-body">
                                        <section class="content">
                                            <div  class="row ">
                                                <div class="col-md-12">
               
                                                    @include('admin.transactions.transaction-fee')
                                                </div>
                                            </div>
                                        </section>
                                    </div>
                                </div>
                            </div>
                          
                           
                            <div class="row text-center">    
                              <input type="hidden" name="payment_code" id="payment_code" value="{{$payment_code}}">
                              <input type="hidden" name="payment_status" id="payment_status" value="{{$payment_status}}">
                               <input type="hidden" name="currency" id="currency" value="{{$currency}}">
                               <input type="hidden" name="payment_code2" id="payment_code2" value="{{$payment_code2}}">

                               <input type="hidden"id="currency_exchange_rate" name="currency_exchange_rate" value="{{$currency_exchange_rate}}">

                               <input type="hidden"id="invoice_name" name="invoice_name" value="{{$invoice_name}}">
                                                           
                            @if ($sales_invoice->rounded_total <= 0 && $transaction->service->name == 'Litigation' && $transaction->status== 'Payment 1')
                            <form method="POST" action="{{ route('admin.transactions.litigation-approve')}}" > 
                                {{ csrf_field() }}
                                <input type="hidden" name="transaction_id" value={{$transaction->id}}>
                                <input type="submit" name="submit" value="{{Lang::get('transactions.approve')}}" class="btn btn-success btn-sm"/>
                            </form>
                            <br>
                               <a class="btn btn-section btn-raised btn-success btn-sm payment-modal-button" href="{{route('admin.invoice.gis-invoice',$transaction->id)}}">Print</a><p></p>
                            @else 
                               <a class="btn btn-section btn-raised btn-success btn-sm payment-modal-button" data-transaction-id="{{ $transaction->id }}" data-toggle="modal" data-href="#payment-modal-div" href="#payment-modal-div" id="payment-modal-button">Pay</a><p></p>
                            @endif
                            </form>
                           </div>
                            </div>
                            
                        </section>

                         @include('admin.invoice.payment-modal')
                       
                        
                    </div>    
                </div>        
            </div>            
        </div>
    </div>
</section>

@stop
@section('footer_scripts')

<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 type="text/javascript" src="{{ asset('assets/vendors/moment/js/moment.min.js') }}" ></script>
<script type="text/javascript" src="{{ asset('assets/vendors/datetimepicker/js/bootstrap-datetimepicker.min.js') }}" ></script>
<script src="{{ asset('assets/js/customer/bootstrap-datetimepicker.min.js') }}"></script>

<script>

    $('#payment_date').datetimepicker({ 
      format: "DD-MM-YYYY hh:mm A", 
      defaultDate:moment()
    });   

    $('body').on('click', 'a.payment-modal-button', function() {
       
        $("#itransaction_id").val("{{ $transaction->id }}");
        $("#ipayment_code").val($("#payment_code").val());
        $("#invoice_amount").val($("#d_invoice_amount").val());
        $("#payment_amount").val($("#d_invoice_amount").val());
        $("#ipayment_code2").val($("#payment_code2").val());
        $("#ipayment_status").val($("#payment_status").val());
        $("#icurrency").val($("#currency").val());
        $("#icurrency_exchange_rate").val($("#currency_exchange_rate").val());
        $("#iinvoice_name").val($("#invoice_name").val());
        $(".payment-modal-div").show();
    }); 


    $("#documentView").click(function() {
        if ($("#documentView-partial-div .panel-body").css('display') !== 'none') {
            $("#documentView-partial-div .panel-body").hide();
            $("#documentView i").removeClass("fa-chevron-up");   
            $("#documentView i").addClass("fa-chevron-down");          
        } else {
            $("#documentView-partial-div .panel-body").show();
            $("#documentView i").removeClass("fa-chevron-down");   
            $("#documentView i").addClass("fa-chevron-up");              
        }
        var transaction_id ='{{ $transaction->id }}';
        $.ajax({
            type: "GET",
            url : baseurl+'/workflow/document/'+transaction_id,
            data : {"transaction_id":transaction_id},
            success : function (data) {
                $("#transactions-documents-list").html(data);
            }
        });
    });


    $("#transaction-property").click(function() {
        if ($("#properties-partial-div .panel-body").css('display') !== 'none') {
            $("#properties-partial-div .panel-body").hide();
            $("#transaction-property i").removeClass("fa-chevron-up");   
            $("#transaction-property i").addClass("fa-chevron-down");          
        } else {
            $("#properties-partial-div .panel-body").show();
            $("#transaction-property i").removeClass("fa-chevron-down");   
            $("#transaction-property i").addClass("fa-chevron-up");                
        }
        var property_id ='{{ $transaction->property_id }}';
        $.ajax({
            type: "GET",
            url : baseurl+'/admin/property-main-partial/'+property_id,
            data : {"property_id":property_id},
            success : function (data) {
                $("#payment-property-details").html(data);
            }
        });
    });

    $("#customerdocumentView").click(function() {
        if ($("#customerdocumentView-partial-div .panel-body").css('display') !== 'none') {
            $("#customerdocumentView-partial-div .panel-body").hide();
            $("#customerdocumentView i").removeClass("fa-chevron-up");   
            $("#customerdocumentView i").addClass("fa-chevron-down");          
        } else {
            $("#customerdocumentView-partial-div .panel-body").show();
            $("#customerdocumentView i").removeClass("fa-chevron-down");   
            $("#customerdocumentView i").addClass("fa-chevron-up");              
        }
        var customer_id    ='{{ $transaction->buyer_id }}';
        var transaction_id ='{{ $transaction->id }}';
        $.ajax({
            type: "GET",
            url : baseurl+'/workflow/buyers-identifications/'+transaction_id,
            // data : {"customer_id":customer_id},
            success : function (data) {
                $("#transaction-customer-documents-list").html(data);
            }
        });
    });

</script>
<script src="{{ asset('assets/js/dojo.js') }}"></script>
@stop