@extends('layouts.guest')

@section('page-title', $appendix_number )

@section('sticky-navbar')
    <!-- Alternative navbar -->
    <div class="navbar navbar-expand-md navbar-default  navbar-sticky layout-boxed">
        <div class="navbar-collapse" id="navbar-second">
            <div class="navbar-text pl-0">
                <h5 class="pull-left estimate-html-subject">{{ $appendix_number }}<br>
                    <small>Appendix: {!!  format_estimate_status($appendix->status,'',true)  !!}</small> &nbsp;&nbsp;
                    @if(!empty($appendix['withdraw_status']))<small>Withdraw: {!!  $appendix->withdraw_status  !!}</small>@endif
                </h5>
            </div>
            <ul class="navbar-nav ml-auto mb-1 flex-row">
                <li class="nav-item ">
                    {!!  Form::open([ 'id' => 'download-form', 'class' => 'disable-block']) !!}
                        <input type="hidden" name="action" value="appendixpdf">
                        <button type="submit" class="line-height-1 btn btn-light btn-sm font-size-lg p-2">
                            <i class="icon-file-pdf"></i>&nbsp;@lang('crm.clients_invoice_html_btn_download')</button>
                    {!! Form::close() !!}
                </li>
                @if($appendix->can_withdraw)
                    <li class="nav-item  ml-1">
                        {!!  Form::open([ 'id' => 'carryover-form']) !!}
                        <input type="hidden" name="action" value="carryover">
                        <button type="button" class="line-height-1 btn btn-success btn-sm font-size-lg p-2" id="carry-over-submit">
                            <i class="icon-rotate-ccw2"></i>&nbsp;Carry Over</button>
                        {!! Form::close() !!}
                    </li>
                @endif
                @if($appendix->can_withdraw && false)
                    <li class="nav-item  ml-1">
                        <a href="#" data-toggle="modal" data-target="#withdrawModal" class="btn btn-warning line-height-1 font-size-lg btn-sm p-2">
                            <i class="icon-exit"></i>&nbsp;Withdraw
                        </a>
                    </li>
                @endif
                @if(Auth::user()->hasRole('User'))
                    <li class="nav-item ml-1">
                        <a href="{{ url('front/appendixes') }}" class="btn btn-outline-primary line-height-1 font-size-lg btn-sm p-2">
                            <i class="icon-arrow-right6"></i> @lang('crm.client_go_to_dashboard')
                        </a>
                    </li>
                @endif
            </ul>
        </div>
    </div>
    <!-- /alternative navbar -->
@stop

@section('content')
<div class="content-wrapper" style="padding: 0 1.25rem">

    @include('partials.messages')

    <div class="row">
        <div class="col-md-12">
            <div class="card pt-3">
                <div class="card-body">
                    <div class="col-md-10 mx-lg-auto">
                        <div class="row mtop20">
                            <div class="col-md-6 col-sm-6 transaction-html-info-col-left">
                                <h4 class="ffont-weight-semibold estimate-html-number">{{  format_estimate_number($appendix->id) }}</h4>
                                <address class="estimate-html-company-info">
                                    {!!  format_organization_info()  !!}
                                </address>
                            </div>
                            <div class="col-sm-6 text-right transaction-html-info-col-right">
                                <span class="font-weight-semibold estimate-html-bill-to">{{  trans('crm.invoice_bill_to') }}:</span>
                                <address class="estimate-html-customer-billing-info">
                                    {!!   format_customer_info($appendix, 'estimate', 'billing', true) !!}
                                </address>
                                <!-- shipping details -->
                                @if($appendix->include_shipping == 1 && $appendix->show_shipping_on_estimate == 1)
                                <span class="font-weight-semibold estimate-html-ship-to">{{  trans('crm.ship_to') }}:</span>
                                <address class="estimate-html-customer-shipping-info">
                                    {!!  format_customer_info($appendix, 'estimate', 'shipping') !!}
                                </address>
                                @endif
                                <p class="no-mbot estimate-html-date">
                                      <span class="font-weight-semibold">
                                      {{  trans('crm.estimate_data_date') }}
                                      </span>
                                    {{  local_date_format($appendix->date) }}
                                </p>
                                @if(!empty($appendix->expirydate))
                                <p class="no-mbot estimate-html-expiry-date">
                                    <span class="font-weight-semibold">{{  trans('crm.estimate_data_expiry_date') }}</span>
                                    {{  local_date_format($appendix->expirydate) }}
                                </p>
                                @endif
                                @if(!empty($appendix->reference_no))
                                <p class="no-mbot estimate-html-reference-no">
                                    <span class="bold">@lang('crm.reference_no'):</span>
                                    {!! $appendix->reference_no !!}
                                </p>
                                @endif
                                @if($appendix->sale_agent != 0 && get_option('show_sale_agent_on_estimates') == 1)
                                <p class="no-mbot estimate-html-sale-agent">
                                    <span class="bold">@lang('crm.sale_agent_string'):</span>
                                    {!! get_staff_full_name($appendix->sale_agent) !!}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 mb-2">
                                <div class="table-responsive">
                                    <table class="table items items-preview estimate-items-preview" data-type="appendix">
                                        <thead>
                                            <tr>
                                                <th class="text-center">#</th>
                                                <th class="description text-left" width="50%">Item</th>
                                                <th class="text-right text-right">Qty</th>
                                                <th class="text-right">Rate</th>
                                                <th class="text-right">Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($appendix->items as $item)
                                            <tr>
                                                <td class="text-center">1</td>
                                                <td class="description text-left" >
                                                    <span><strong>{{ $item->description }}</strong></span>
                                                </td>
                                                <td class="text-right">{{ $item->qty  }}</td>
                                                <td class="text-right">{{ $item->rate }}</td>
                                                <td class="amount text-right">{{ $item->qty * $item->rate }}</td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-6 ml-md-auto">
                                <table class="table text-right">
                                    <tbody>
                                    <tr id="subtotal">
                                        <td><span class="font-weight-semibold">{{  trans('crm.estimate_subtotal') }}</span>
                                        </td>
                                        <td class="subtotal">
                                            {{  app_format_money($appendix->subtotal, $appendix->currency) }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span class="font-weight-semibold">{{  trans('crm.estimate_total') }}</span>
                                        </td>
                                        <td class="total">
                                            {{  app_format_money($appendix->total, $appendix->currency) }}
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-12 mb-2 mt-3">
                                <div class="table-responsive">
                                    <table class="table items items-preview estimate-items-preview" data-type="profit">
                                        <thead>
                                        <tr>
                                            <th class="text-center"></th>
                                            @foreach($appendix['profit']['profit_per_month'] as $pf)
                                                <th class="text-center">{{ $pf['month'] }}</th>
                                            @endforeach
                                        </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="text-left">Balance</td>
                                                @foreach($appendix['profit']['profit_per_month'] as $pf)
                                                    <th class="text-center">
                                                        {{ $pf['total'] }}
                                                        @if($pf['blocked'])
                                                        <span class="text-danger">{{ $pf['blocked'] }}</span>
                                                        @endif
                                                    </th>
                                                @endforeach
                                            </tr>
                                            <tr>
                                                <td class="text-left">Profit %</td>
                                                @foreach($appendix['profit']['profit_per_month'] as $pf)
                                                    <th class="text-center">{{ $pf['profit'] }}%</th>
                                                @endforeach
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="col-md-6 ml-md-auto">
                                <table class="table text-right">
                                    <tbody>
                                    <tr id="subtotal">
                                        <td><span class="font-weight-semibold">Gross Profit</span></td>
                                        <td class="subtotal">
                                            {{  $appendix['profit']['profit_gross'] }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span class="font-weight-semibold">Net Profit</span></td>
                                        <td class="total">
                                            {{  $appendix['profit']['profit_net'] }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span class="font-weight-semibold">CBC Profit</span></td>
                                        <td class="total">
                                            {{  $appendix['profit']['profit_cbc'] }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><span class="font-weight-semibold">Total Balance</span></td>
                                        <td class="total">
                                            {{  $appendix['profit']['profit_total'] }}
                                        </td>
                                    </tr>
                                    @if($appendix['profit']['profit_blocked'])
                                    <tr>
                                        <td><span class="font-weight-semibold">Blocked amount</span></td>
                                        <td class="total">
                                            {{  $appendix['profit']['profit_blocked'] }}
                                        </td>
                                    </tr>
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                            @if(!empty($appendix->clientnote))
                            <div class="col-md-12 estimate-html-note">
                                <b>{!!   trans('crm.estimate_note')  !!}</b><br /><br />{!!  $appendix->clientnote !!}
                            </div>
                            @endif
                            @if(!empty($appendix->terms))
                            <div class="col-md-12 estimate-html-terms-and-conditions">
                                <hr />
                                <b>{!!   trans('crm.terms_and_conditions')  !!}</b><br /><br />{!!  $appendix->terms  !!}
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('front.withdraw', array('formData'=>'<input name="action" value="withdraw" type="hidden"/>'))
</div>

@stop



@section('scripts')
    {!! HTML::script('assets/plugins/signature-pad/signature_pad.min.js') !!}

    <script>
        $(function(){
            $('#carry-over-submit').on('click', function (e) {
                confirmAlert('', 'Are you sure to carry over this appendix?', "Yes, Carry over it!", 'Cancel',
                    function () {
                        $('#carryover-form').submit();
                    });
            })

            $('#withdrawForm').validate({
                ignore: "",
                rules: {
                    client_id: 'required',
                    contract_id: 'required',
                    appendix_id: 'required',
                    withdraw: {
                        required: true,
                        min: 0,
                        max: {{ $appendix['profit']['profit_total_amount'] }}
                    },
                    bank_account: 'required',
                    bank_name: 'required',
                    note: 'required',
                },
            });

            $('input[name="withdraw"]').on('change keyup mouseup', function (e) {
                let max_amount = $(this).data('max');
                let input_amount = $(this).val();
                if((input_amount*1) > (max_amount*1) || input_amount * 1 < 0){
                    return;
                }
                
                let remain = Math.floor((max_amount - input_amount) * 100 ) / 100;
                $('input[name="carryover"]').val(remain);
            });


            $('#withdraw-btn').on('click', function (e) {
                if($('#withdrawForm').valid()){
                    as.btn.loading($('#withdraw-btn'), 'Sending Request...');
                    blockUI($('#withdrawModal .modal-content'));

                    $('#withdrawForm').submit();
                }
            })
        });

    </script>
@stop