@extends('layouts.admin')

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

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a> <span
                            class="font-weight-semibold">@lang('crm.credit_note')</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="sidebar-content">
            <div class="card">

                <div class="card-body">
                    <div class="row header-controls" id="article_buttons">
                        <div class="col-md-6">
                            @if(admin_permission('creditnote.edit'))
                            <a href="{{url('sales/credit_notes/create')}}" class="btn btn-success">
                                @lang('crm.create_credit_note')
                            </a>
                            @endif
                        </div>
                        <div class="col-md-6">
                            @include('admin.invoice.partials.sale_filter', ['statuses' => $statuses, 'sale_agents' => $sale_agents])
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-5">
                    <div class="card">
                        <div class="card-body">
                            <table class="table" id="creditnote_table">
                                <thead>
                                <th>@lang('crm.credit_note_number')</th>
                                <th>@lang('crm.credit_note_date')</th>
                                <th>@lang('crm.client')</th>
                                <th>@lang('crm.credit_note_status')</th>
                                <th>@lang('crm.reference_no')</th>
                                <th>@lang('crm.credit_note_amount')</th>
                                <th>@lang('crm.credit_note_remaining_credits')</th>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-body">
                            <ul class="nav nav-tabs nav-tabs-bottom">
                                <li class="nav-item">
                                    <a href="#credit_note-tab" class="nav-link active"
                                                        data-toggle="tab">@lang('crm.credit_note')</a></li>
                                <li class="nav-item">
                                    <a href="#invoice-tab" class="nav-link"
                                                        data-toggle="tab">@lang('crm.invoices_credited')</a></li>
                            </ul>

                            <div class="row">

                                <div class="col-md-3">
                                    {!! format_credit_note_status($creditnote['status']) !!}
                                </div>

                                <div class="col-md-9">
                                    <div class="text-right">
                                        @if(admin_permission('creditnote.edit', $creditnote['clientid']))
                                        <a href="{{ url("sales/creditnotes/{$creditnote->id}/edit") }}" class="btn btn-outline bg-grey text-default btn-icon ml-2">
                                            <i class="icon-pencil3"></i>
                                        </a>
                                        @endif
                                        <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/creditnotes/pdf/{$creditnote->id}").'?output_type=I' }}" class="dropdown-item">@lang('crm.view_pdf')</a>
                                                <a href="{{ url("sales/creditnotes/pdf/{$creditnote->id}").'?output_type=I' }}" target="_blank" class="dropdown-item">@lang('crm.view_pdf_in_new_window')</a>
                                                <a href="{{ url("sales/creditnotes/pdf/{$creditnote->id}") }}" class="dropdown-item">@lang('crm.download')</a>
                                                <a href="{{ url("sales/creditnotes/pdf/{$creditnote->id}").'?print=true' }}" target="_blank" class="dropdown-item">@lang('crm.print')</a>
                                            </div>
                                        </div>
                                        <button type="button" class="btn btn-outline bg-grey text-default btn-icon ml-2 credit-note-send-to-client"
                                                data-popup="tooltip" data-placement="bottom" data-title="Send to Email">
                                            <i class="icon-envelop2"></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">MORE
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                @if($creditnote->status == 1)
                                                <a href="{{ url("sales/creditnotes/{$creditnote->id}/void") }}" class="dropdown-item"> @lang('crm.credit_note_status_void')</a>
                                                @endif

                                                @if(admin_permission('creditnote.delete', $creditnote['clientid']))
                                                <a href="{{ $creditnote->status == 2 && $creditnote->credits_used > 0 ? '#' : url("sales/creditnotes/delete/{$creditnote->id}") }}" class="dropdown-item"
                                                @if($creditnote->status == 2 && $creditnote->credits_used > 0)
                                                data-popup="tooltip" data-placement="bottom" data-title="This credit note is with status Closed, you need first to delete the credits in order to delete the credit note." disabled
                                                       style="cursor: not-allowed;" onclick="javascript:;" @else
                                                   data-method="DELETE"
                                                   data-confirm-title="@lang('app.please_confirm')"
                                                   data-confirm-text="@lang('crm.confirm_action_prompt')"
                                                   data-confirm-delete="@lang('app.yes_delete_it')" @endif
                                                > @lang('crm.delete_invoice')</a>
                                                @endif
                                            </div>
                                        </div>
                                        @if($creditnote->status == \CRM\Support\Enum\CreditNoteStatus::STATUS_OPEN)
                                            <a href="javascript:;" class="btn btn-primary ml-2" id="apply_credit_btn">
                                                @lang('crm.apply_to_invoice')
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            </div>

                            <div class="tab-content mt-3">
                                <div class="tab-pane fade show active" id="credit_note-tab">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            @php
                                                $credit_note_name = format_credit_note_number($creditnote['id']);
                                                // Bill to
                                                $creditnote_info = '<b>' . trans('crm.invoice_bill_to') . '</b>';
                                                $creditnote_info .= '<div style="color:#424242;">';
                                                $creditnote_info .= format_customer_info($creditnote, 'credit_note', 'billing');
                                                $creditnote_info .= '</div>';

                                                // ship to to
                                                if ($creditnote->include_shipping == 1 && $creditnote->show_shipping_on_credit_note == 1) {
                                                    $creditnote_info .= '<br /><b>' . trans('crm.ship_to') . '</b>';
                                                    $creditnote_info .= '<div style="color:#424242;">';
                                                    $creditnote_info .= format_customer_info($creditnote, 'credit_note', 'shipping');
                                                    $creditnote_info .= '</div>';
                                                }

                                                $creditnote_info .= '<br />' . trans('crm.credit_note_date') . ' : ' . local_date_format($creditnote->date) . '<br />';

                                                if (!empty($creditnote->reference_no)) {
                                                    $creditnote_info .= trans('crm.reference_no') . ' ' . $creditnote->reference_no . '<br />';
                                                }
                                            @endphp
                                            <div class="form-group">
                                                <address>{!! format_organization_info() !!}</address>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 text-right">
                                            <div class="form-group">
                                                {!! $creditnote_info !!}
                                            </div>
                                        </div>
                                    </div>

                                    <table class="table" id="creditnote-table">
                                        <thead style="background-color:#273246; color: white">
                                        <th>#</th>
                                        <th>@lang('crm.invoice_table_item_heading')</th>
                                        <th id="quantity-type" class="text-right">Qty</th>
                                        <th class="text-right">@lang('crm.invoice_table_rate_heading')</th>
                                        <th class="text-right">@lang('crm.invoice_table_amount_heading')</th>
                                        </thead>
                                        <tbody>
                                        @foreach($itemables as $itemable)
                                            <tr>
                                                <td >{{$itemable['item_order']}}</td>
                                                <td>
                                                    <div class="row">
                                                        <span>{{$itemable['item']}}</span>
                                                    </div>

                                                    <div class="row">
                                                        <span>{{$itemable['description']}}</span>
                                                    </div>
                                                </td>
                                                <td class="text-right">{{$itemable['qty']}}</td>
                                                <td class="text-right">{{$itemable['rate']}}</td>
                                                <td class="text-right">{{$itemable['qty'] * $itemable['rate']}}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>

                                    <div class="mt-5 mr-2">
                                        <div class="row">
                                            <div class="col-md-6"></div>
                                            <div class="col-md-6">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-md-6"></div>
                                                <div class="col-md-4 text-right">
                                                    <span class="font-weight-semibold">SubTotal</span>
                                                </div>
                                                <div class="col-md-2 text-right">
                                                    <span class="font-weight-semibold">{!! $creditnote['currency_symbol'] !!}{{$creditnote['subtotal']}}</span>
                                                </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6"></div>
                                            <div class="col-md-6">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6"></div>
                                            <div class="col-md-4 text-right">
                                                <span class="font-weight-semibold">Total</span>
                                            </div>
                                            <div class="col-md-2 text-right">
                                                <span class="font-weight-semibold">{!! $creditnote['currency_symbol'] !!}{{$creditnote['total']}}</span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6"></div>
                                            <div class="col-md-6">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6"></div>

                                            <div class="col-md-4 text-right">
                                                <span class="font-weight-semibold">@lang('crm.credits_used')</span>
                                            </div>
                                            <div class="col-md-2 text-right">
                                                <span class="font-weight-semibold">{!! $creditnote['currency_symbol'] !!}{{ $creditnote->credits_used }}</span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6"></div>
                                            <div class="col-md-6">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6"></div>

                                            <div class="col-md-4 text-right">
                                                <span class="font-weight-semibold">@lang('crm.credits_remaining')</span>
                                            </div>
                                            <div class="col-md-2 text-right">
                                                <span class="font-weight-semibold">{!! $creditnote['currency_symbol'] !!}{{ $creditnote->remaining_credits }}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <hr>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="invoice-tab">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th class="bold">@lang('crm.credit_invoice_number')</th>
                                                <th class="bold">@lang('crm.amount_credited')</th>
                                                <th class="bold">@lang('crm.credit_date')</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @if( count($credits) > 0)
                                                @foreach($credits as $credit)
                                                    <tr>
                                                        <td ><a href="{{ url('sales/invoices/list_invoices/'.$credit['invoice_id']) }}">{{ format_invoice_number($credit['invoice_id'])}}</a></td>
                                                        <td>{!! $creditnote['currency_symbol'] !!}{{ $credit['amount'] }}</td>
                                                        <td class="">
                                                            {{ local_date_format($credit['date_applied']) }}
                                                            <a href="{{ url('sales/creditnotes/delete_applied_credit/'.$creditnote->id.'/'.$credit['id']) }}"
                                                               class="float-right text-danger"
                                                               data-method="DELETE"
                                                               data-confirm-title="@lang('app.please_confirm')"
                                                               data-confirm-text="@lang('crm.confirm_action_prompt')"
                                                               data-confirm-delete="@lang('app.yes_delete_it')"
                                                            >
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                @endforeach
                                            @else
                                                <tr><td colspan="3"><div class="alert alert-info">Credited Invoices Not Found</div></td></tr>
                                            @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

            </div>

        </div>
    </div>

     @include('admin.creditnote.partials.send_credit_note_email')
     @include('admin.creditnote.partials.apply_credits_to_invoices')

@stop

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

    <script>
        $(document).ready(function () {
            var table = $('#creditnote_table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'displayStart': {{ $creditnote_pos }},
                'ajax': {
                    'url': '{{ url('sales/creditnotes/postGetCreditNotes') }}',
                    'data': function ( d ) {
                        var status = [];
                        $.each($("input[name='status']:checked"), function(){
                            status.push($(this).val());
                        });
                        d.status = status.join(",");

                        var sale_agent = [];
                        $.each($("input[name='sale_agent']:checked"), function(){
                            sale_agent.push($(this).val());
                        });
                        d.sale_agent = sale_agent.join(",");
                    }
                },
                'columns': [
                    {data: 'number'},
                    {data: 'date'},
                    {data: 'customer'},
                    {data: 'status'},
                    {data: 'reference'},
                    {data: 'amount'},
                    {data: 'remaining_amount'},
                ],
                'order': [[1, 'desc']]
            });

            $('input[name="status"], input[name="sale_agent"]').on('change', function () {
                table.ajax.reload();
            })
        });

        $('.credit-note-send-to-client').on('click', function () {
            $('#modal_send_to_email').modal('show');
        });

        $('#credit-note-email-form').on('submit', function () {
            as.btn.loading($("button[type='submit']"), 'Please Waiting...');
        })

        $('#apply_credit_btn').on('click', function () {
            $('#modal_apply_credits').modal('show');
        });
    </script>

@stop