@extends('layouts.admin')

@section('page-title', trans('crm.payments'))

@section('content')



    <div class="content">

        @include('partials.messages')

        <div class="sidebar-content">
            <div class="row">
                <div class="col-lg-5">
                    <div class="card">
                        <div class="card-body">
                            @php
                                $invoice_name = format_invoice_number($invoice['id']);
                            @endphp
                            <h5><span class="font-weight-semibold">Payment for Invoice
                                    <a href="{{ url('/sales/invoices/list_invoices/'.$invoice['id']) }}">{{$invoice_name}}</a></span>
                            </h5>
                            <div class="col-md-12" style="padding-left:0;padding-right:0">
                                <hr>
                            </div>

                            <div class="form-group">
                                <label><span class="text-danger">* </span>@lang('crm.record_payment_amount_received')
                                </label>
                                <input type="number" class="form-control" name="amount_received" id="amount_received" value="{{$payment['amount']}}"/>
                            </div>
                            <div class="form-group">
                                <label><span class="text-danger">* </span>@lang('crm.record_payment_date')</label>
                                <input type="text" class="form-control daterange-single" name="payment_date" id="payment_date" value="{{$payment['date']}}"/>
                            </div>
                            <div class="form-group">
                                <label><span class="text-danger">* </span>@lang('crm.payments_table_mode_heading')
                                </label>
                                <select name="payment_mode" id="payment_mode" class="form-control-select2 mb-5">
                                    @foreach($payment_modes as $payment_mode)
                                        <option value="{{$payment_mode['id']}} @if($payment_mode['id'] == $payment['paymentmode']) selected @endif">{{$payment_mode['name']}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group" >
                                <span class="badge badge-dark badge-pill" data-popup="tooltip" data-title="@lang('crm.payment_method_info')">?</span>
                            </div>
                            <div class="form-group">
                                <label>@lang('crm.payment_method')</label>
                                <input type="text" class="form-control" name="payment_method" id="payment_method"/>
                            </div>
                            <div class="form-group">
                                <label>@lang('crm.payment_transaction_id')</label>
                                <input type="text" class="form-control" name="transaction_id" id="transaction_id" value="{{$payment['transactionid']}}"/>
                            </div>
                            <div class="form-group">
                                <label>@lang('crm.record_payment_leave_note')</label>
                                <textarea name="leave_note" rows="5" id="leave_note" class="form-control">{{$payment['note']}}</textarea>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <h5><span class="font-weight-semibold">@lang('crm.payment')</span>
                                    </h5>
                                </div>
                                <div class="col-md-6">
                                    <div class="text-right">
                                        <button type="button"
                                                class="btn btn-outline bg-grey text-default btn-icon ml-2"><i
                                                    class="icon-envelop5"></i></button>
                                        <div class="btn-group">
                                            <button type="button"
                                                    class="btn btn-outline bg-grey text-default btn-icon ml-2 dropdown-toggle"
                                                    data-toggle="dropdown">
                                                <i class="far fa-file-pdf"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a href="{{ url('sales/payments/pdf/'.$payment['id']).'?output_type=I' }}" class="dropdown-item">@lang('crm.view_pdf')</a>
                                                <a href="{{ url('sales/payments/pdf/'.$payment['id']).'?output_type=I' }}" target="_blank" class="dropdown-item">@lang('crm.view_pdf_in_new_window')</a>
                                                <a href="{{ url('sales/payments/pdf/'.$payment['id']) }}" class="dropdown-item">@lang('crm.download')</a>
                                                <a href="{{ url('sales/payments/pdf/'.$payment['id']).'?print=true' }}" class="dropdown-item">@lang('crm.print')</a>
                                            </div>
                                        </div>
                                        @if(admin_permission('payment.delete', $invoice['clientid']))
                                        <a class="btn btn-danger btn-icon ml-2 btn-sm"
                                           data-method='Delete' data-confirm-text='Are you sure to delete this payment?' href='{{url("/sales/payments/".$payment->id."/delete")}}'>
                                            <i class="icon-cross2"></i>
                                        @endif
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12" style="padding: 0">
                                <hr>
                            </div>
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <address>{!! format_organization_info() !!}</address>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="text-right">
                                        <a href="{{ route('clients.view',  $invoice['clientid']) }}" target="_blank">{{$fullname}}</a>
                                    </div>
                                    <div class="text-right">
                                        <span href="#">{{$invoice['billing_street']}}</span>
                                    </div>
                                    <div class="text-right">
                                        <span href="#">{{$invoice['billing_city']}} {{$invoice['billing_state']}}</span>
                                    </div>
                                    <div class="text-right">
                                        <span href="#">{{$billing_country_name}} {{$invoice['billing_zip']}}</span>
                                    </div>
                                 </div>
                            </div>

                            <div class="form-group mt-3 mb-3">
                                <div class="text-center">
                                    <h4><span class="font-weight-semibold">@lang('crm.payment_receipt')</span> </h4>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <span class="font-weight-semibold">@lang('crm.payment_date')</span>
                                        </div>
                                        <div class="col-md-6 text-right">
                                            <span class="font-weight-semibold" id="payment_date_disp">{{$payment['date']}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6" style="padding: 0">
                                <hr>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <span class="font-weight-semibold">@lang('crm.payment_view_mode')</span>
                                        </div>
                                        <div class="col-md-6 text-right">
                                            <span class="font-weight-semibold" id="payment_mode_disp">{{$payment_mode_name}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6" style="padding: 0">
                                <hr>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <span class="font-weight-semibold">@lang('crm.payment_transaction_id')</span>
                                        </div>
                                        <div class="col-md-6 text-right">
                                            <span class="font-weight-semibold" id="transaction_id_disp">{{$payment['transactionid']}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group mt-3">
                                <div class="col-md-6 bg-green-600" style="padding: 10px">
                                    <div class="text-center">
                                        <span class="font-weight-semibold font-size-lg">@lang('crm.total_amount')</span>
                                    </div>
                                    <div class="text-center">
                                        <span class="font-weight-semibold font-size-lg" id="amount_disp">${{$payment['amount']}}</span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <h5><span class="font-weight-semibold">@lang('crm.payment_for_string')</span>
                                </h5>
                            </div>

                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th>@lang('crm.payment_table_invoice_number')</th>
                                    <th>@lang('crm.payment_table_invoice_date')</th>
                                    <th>@lang('crm.payment_table_invoice_amount_total')</th>
                                    <th>@lang('crm.payment_table_payment_amount_total')</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>{{$invoice_name}}</td>
                                    <td>{{$invoice_date}}</td>
                                    <td>{{$invoice['total']}}</td>
                                    <td id="payment_amount_tb">{{$payment['amount']}}</td>
                                </tr>
                                </tbody>
                            </table>

                            @if(admin_permission('payment.edit', $invoice['clientid']))
                            <div class="form-group mt-3">
                                <div class="text-right">
                                    <button type="button" onclick="onUpdatePayment({{$payment['id']}})" class="btn btn-success" id="savePayment" >@lang('crm.save')</button>
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop

@section('scripts')
        {!! HTML::script('assets/js/as/payment.js') !!}

    <script>
        $(document).ready(function () {

        });

    </script>

@stop