@extends('layouts.admin')

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

@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.estimates')</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @if($appendix['status'] ==  1 && (Auth::user()->hasRole('Admin') || $appendix->sale_agent == Auth::id()))
        <div class="card confirm">
            <div class="card-header header-elements-inline">
                <h5 class="card-title">Requires Sale Agent's Confirmation</h5>
            </div>
            <div class="card-body">
                <a href="{{ url('sales/appendix/mark_action_status/'.$appendix->id.'/2') }}">Confirm & Sent</a>
            </div>
        </div>
        @endif

        @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('appendix.edit'))
                            <a href="{{url('sales/appendix/create')}}" class="btn btn-success">
                                @lang('crm.create_new_estimate')
                            </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="list-appendix-table">
                                <thead>
                                <th>@lang('crm.estimate_dt_table_heading_number')</th>
                                <th>@lang('crm.estimate_dt_table_heading_amount')</th>
                                <th>@lang('crm.client')</th>
                                <th>@lang('crm.estimate_dt_table_heading_date')</th>
                                <th>@lang('crm.estimate_status')</th>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7">

                    <div class="card" id="appendix-part">
                        <div class="card-body">
                            <ul class="nav nav-tabs nav-tabs-bottom">
                                <li class="nav-item"><a href="#appendix-tab" class="nav-link active"
                                                        data-toggle="tab">@lang('crm.estimate')</a></li>
                               {{-- <li class="nav-item"><a href="#task-tab" class="nav-link"
                                                        data-toggle="tab">@lang('crm.als_tasks')</a></li>--}}
                                <li class="nav-item"><a href="#activitylog-tab3" class="nav-link"
                                                        data-toggle="tab">@lang('crm.als_activity_log_submenu')</a></li>
                                {{--<li class="nav-item"><a href="#reminder-tab" class="nav-link"
                                                        data-toggle="tab">@lang('crm.client_reminders_tab')</a></li>--}}
                                <li class="nav-item"><a href="#mail-tab" class="nav-link" data-toggle="tab"
                                                        data-popup="tooltip"
                                                        data-title="@lang('crm.emails_tracking')"><i
                                                class="icon-mail5"></i></a></li>
                            </ul>

                            <div class="row">

                                <div class="col-lg-3">
                                    {!!  format_estimate_status($appendix['status']) !!}
                                </div>

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

                                                @if(admin_permission('appendix.edit'))
                                                @if($appendix['status'] != 1)
                                                    <a href="{{ url('sales/appendix/mark_action_status/'.$appendix->id.'/1') }}" class="dropdown-item"> @lang('crm.invoice_mark_as_draft')</a>
                                                @endif
                                                @if($appendix['status'] != 2)
                                                    <a href="{{ url('sales/appendix/mark_action_status/'.$appendix->id.'/2') }}" class="dropdown-item"> @lang('crm.invoice_mark_as_sent')</a>
                                                @endif
                                                @if($appendix['status'] != 5)
                                                    <a href="{{ url('sales/appendix/mark_action_status/'.$appendix->id.'/5') }}" class="dropdown-item"> @lang('crm.invoice_mark_as_expired')</a>
                                                @endif
                                                @if($appendix['status'] != 3)
                                                    <a href="{{ url('sales/appendix/mark_action_status/'.$appendix->id.'/3') }}" class="dropdown-item"> @lang('crm.invoice_mark_as_declined')</a>
                                                @endif
                                                @if($appendix['status'] != 4)
                                                    <a href="{{ url('sales/appendix/mark_action_status/'.$appendix->id.'/4') }}" class="dropdown-item"> @lang('crm.invoice_mark_as_accepted')</a>
                                                @endif
                                                @endif

                                                @if(admin_permission('appendix.delete'))
                                                    <a href="{{ route('sales.appendix.delete', $appendix->id) }}" class="dropdown-item text-danger"
                                                       data-method="DELETE"
                                                       data-confirm-title="@lang('app.please_confirm')"
                                                       data-confirm-text="Are you sure to delete this appendix?"
                                                       data-confirm-delete="@lang('app.yes_delete_it')">
                                                        @lang('crm.delete_estimate_tooltip')
                                                    </a>
                                                @endif
                                            </div>
                                        </div>

                                        @php
                                            $action = null;
                                            if ($invoice_name == null){
                                                $action = '<button type="button" onclick="onConvertToInvoice('.$appendix['id'].')" class="btn bg-success text-success-800 btn-icon ml-2">'.
                                                        trans("crm.estimate_convert_to_invoice")
                                                        .'</button>';
                                            } else {
                                                $action = '<button type="button" class="btn bg-success text-success-800 btn-icon ml-2">'.
                                                        $invoice_name
                                                        .'</button>';
                                            }
                                            echo $action;
                                        @endphp
                                    </div>
                                </div>
                            </div>

                            <div class="tab-content mt-3">
                                <div class="tab-pane fade show active" id="appendix-tab">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            @php
                                                $appendix_name = format_estimate_number($appendix['id']);
                                            @endphp
                                            <div class="form-group">
                                                <a href="/sales/appendix/edit/{{$appendix['id']}}" class="text-primary-300 font-weight-semibold"
                                                   style="font-size: large">{{$appendix_name}}</a>
                                            </div>
                                            <div class="form-group">
                                                <address>{!! format_organization_info() !!}</address>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="text-right">
                                                <label class="text-default font-weight-semibold">Bill To:</label>
                                            </div>
                                            <div class="text-right">
                                                <a href="{{ route('clients.view', $appendix['clientid']) }}" target="_blank">{{$fullname}}</a>
                                            </div>
                                            <div class="text-right">
                                                <span href="#">{{$appendix['billing_street']}}</span>
                                            </div>
                                            <div class="text-right">
                                                <span href="#">{{$appendix['billing_city']}}</span>
                                            </div>
                                            <div class="text-right">
                                                <span href="#">{{$billing_country_name}}</span>
                                            </div>
                                            <div class="text-right">
                                                <span href="#">VAT Number: {{$client['vat']}}</span>
                                            </div>

                                            @if($appendix['include_shipping'] == 1)
                                                <div class="text-right">
                                                    <label class="text-default font-weight-semibold">Ship To:</label>
                                                </div>
                                                <div class="text-right">
                                                    <span href="#">{{$appendix['shipping_street']}}</span>
                                                </div>
                                                <div class="text-right">
                                                    <span href="#">{{$appendix['shipping_city']}}</span>
                                                </div>
                                                <div class="text-right">
                                                    <span href="#">{{$shipping_country_name}}</span>
                                                </div>
                                            @endif

                                            <div class="text-right mt-2">
                                                <label class="text-default font-weight-semibold">@lang('crm.estimate_data_date'):</label><span href="#"> {{$appendix_date}}</span>
                                            </div>
                                            <div class="text-right">
                                                <label class="text-default font-weight-semibold">@lang('crm.estimate_data_expiry_date'):</label><span href="#"> {{$appendix_expiry_date}}</span>
                                            </div>
                                            <div class="text-right">
                                                <label class="text-default font-weight-semibold">@lang('crm.sale_agent_string'):</label><span href="#"> {{$sale_agent_name}}</span>
                                            </div>
                                        </div>

                                    </div>

                                    <table class="table" id="invoice-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-8"></div>
                                            <div class="col-md-4">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                                <div class="col-md-8"></div>
                                                <div class="col-md-2 text-right">
                                                    <span class="font-weight-semibold">SubTotal</span>
                                                </div>
                                                <div class="col-md-2 text-right">
                                                    <span class="font-weight-semibold">${{$appendix['subtotal']}}</span>
                                                </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8"></div>
                                            <div class="col-md-4">
                                                <hr>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-8"></div>
                                            <div class="col-md-2 text-right">
                                                <span class="font-weight-semibold">Total</span>
                                            </div>
                                            <div class="col-md-2 text-right">
                                                <span class="font-weight-semibold">${{$appendix['total']}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-12 mt-5">
                                        <hr>
                                    </div>
                                </div>

                                {{--<div class="tab-pane fade" id="task-tab">
                                    Tasks
                                </div>--}}

                                <div class="tab-pane fade" id="activitylog-tab3">
                                    Activity Log
                                </div>

                                {{--<div class="tab-pane fade" id="reminder-tab">
                                    Reminders
                                </div>--}}

                                <div class="tab-pane fade" id="mail-tab">
                                    Mail Tracking
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>

    @include('admin.appendix.partials.send_appendix_email')

@stop

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

    <script>
        $(document).ready(function () {
            var table = $('#list-appendix-table').DataTable({
                'processing': true,
                'serverSide': true,
                'serverMethod': 'post',
                'ajax': {
                    'url': '{{ url('sales/appendix/postGetListAppendix') }}',
                    '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: 'id'},
                    {data: 'total'},
                    {data: 'customer'},
                    {data: 'date'},
                    {data: 'status'},
                ],
                'order': [[3, 'desc']]
            });

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

    </script>

@stop