@extends('layouts.main_without_top_button')
@section('title')
    {{$client->name}} Profile
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('clients.index')}}">clients</a> <span class="divider">/</span></li>
        <li><a href="{{route('clients.show')}}">{{$client->name}} Profile</a> <span class="divider">/</span></li>
        <li class="active">Receipt Vouchers</li>
    </ul>
@stop
@section('contentinner')
    <div class="tabbable">
        @include('clients.includes.client_summary')
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active" style="min-height: 450px">
                <table class="table table-bordered table-striped table-condensed" id="dyntable">
                    <thead>
                    <tr>
                        <th class="head0 nosort" style="width: 20px"><input type="checkbox" class="checkall"/></th>
                        <th class="head1">Rec. NO.</th>
                        <th class="head1">Date.</th>
                        <th class="head0">Route Description</th>
                        <th class="head0">Reference</th>
                        <th class="head0">Currency</th>
                        <th class="head0">Exchange Rate</th>
                        <th class="head0">Amount</th>
                        <th class="head0" style="width: 20px">Action</th>
                    </tr>
                    </thead>
                    {{--*/ $total = 0 /*--}}
                    @foreach($payments as $payment)
                        <tr>
                            <td class="head0 nosort">
                                <input type="checkbox" class="checkall"/>
                            </td>
                            <td class="head1">{{$payment->id}}</td>
                            <td class="head1">{{\Carbon\Carbon::parse($payment->date_created)->toFormattedDateString()}}</td>
                            <td class="head0">
                                @if(!empty($payment->getDescription()))
                                    {!! $payment->getDescription() !!}
                                @endif
                            </td>
                            <td class="head0">{{$payment->reference}}</td>
                            <td class="head0">{{$payment->currency}}</td>
                            <td class="head0">{{$payment->exchange_rate}}</td>
                            <td class="head0"
                                style="text-align: right">{{number_format($total_1 = $payment->getAmount(),2)}}</td>
                            <td class="head0">
                                <div class="btn-group">
                                    <input class="payment_id" value="{{$payment->id}}" type="hidden">

                                    <a class="btn btn-mini singleEdit">
                                        <i class="icon-pencil icon"></i>
                                    </a>
                                    <a class="btn btn-mini btn-danger deleterow_c" style="margin-left: 2px">
                                        <i class="icon-trash icon"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        {{--*/ $total += $total_1 /*--}}
                    @endforeach
                    {{--<tfoot>--}}
                    {{--<tr>--}}
                        {{--<th colspan="7" style="text-align: right">Total Balance</th>--}}
                        {{--<th style="text-align: right">{{number_format($total,2)}}</th>--}}
                        {{--<th>--}}
                            {{--<input class="btn" id="miltiplePayments" value="Multiple Payments">--}}
                        {{--</th>--}}
                    {{--</tr>--}}
                    {{--</tfoot>--}}
                </table>
            </div><!--tab-pane-->
        </div>
    </div>

    <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1"
         class="modal hide fade in modal-1"
         id="edit_payements">
        <!-- Modal content-->
        <div class="modal-header" style="background: #50A6C6">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>EDIT PAYMENT</h4>
        </div>
        <div class="modal-body">
            <div class="row-fluid">
                {!! Form::open(array('route' => array('clients.payments.update'), 'class' => 'stdform','method'=>'post')) !!}
                <div id="edit_payment_disp">

                </div><!--#tabs-->

            </div><!--row-fluid-->
        </div>
        <div class="modal-footer">
            <div class="row">
                <div class="form-group">
                    <button class="btn btn-primary" type="submit">UPDATE PAYMENTS</button>
                    <button type="reset" class="btn" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <script>

        jQuery('.singleEdit').click(function () {
            var payment_id = jQuery(this).parent().find('.payment_id');
//            var paymentIds = [];
//            paymentIds.push(payment_id.val());
//            editPayment(paymentIds)
            editPayment(payment_id.val())
        });

        function editPayment(payment_id) {
            jQuery.ajax({
                type: "get",
                url: "{{route('edit.payment')}}",
                data: {
                    payment_id: payment_id
                },
                success: function (data) {
                    jQuery('#edit_payment_disp').empty().append(data);
                    jQuery('#edit_payements').appendTo("body").modal('toggle');
                    jQuery(".datepicker").datepicker();

                }
            })
        }

        jQuery('.deleterow_c').click(function () {
            var tr_p = jQuery(this).parents('tr');
            var payment_id = tr_p.find('.payment_id').val();
            jConfirm('You are about to Delete Payment?', 'Confirmation Dialog', function (r) {
                jQuery.ajax({
                    type: "GET",
                    cache: false,
                    url: "{{route('payment.destroy')}}",
                    data: {
                        payment_id: payment_id
                    },
//                    dataType: 'json',
                    success: function (data) {
                        if (data == 'DONE') {
                            tr_p.fadeOut(function () {
                                jQuery(this).remove();
                            });
                            jQuery.jGrowl("Payment Deleted Successful", {header: 'Important'});
//                            location.reload();
                        } else {
                            jAlert("Fail To delete Payment", 'DELETE DIALOG');
                        }
                    },
                    error: function (data) {

                    }
                });
            });
            return false;
        });
    </script>
@stop