@extends('layouts.admin.app')
@section('title') {{$order_type_name}}  Order # {{$order->id}} @stop
@section('style')
    <style>
        .dropdown-menu .btn {
            background-color: transparent;
        }

        .mr-2 {
            margin-right: 10px;
        }

        .mx-auto {
            margin: 0 auto;
        }

        .mb-2 {
            margin-bottom: 10px;
        }
        /* PRINT */
        page {
            font-family: Arial;
            display: none;
            background: white;
            display: block;
            margin: 0 auto;
            margin-bottom: 0.5cm;
            box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
        }
        page[size="A4"] {
            display:none;
            width: 100%;
            min-height: 20cm;
        }
        page td,
        page th {
            padding: 5px 12px;
            border: 1px solid black !important;
        }
        page h4 {
            margin: 0;
            font-weight: bold;
        }
        page #address {
            margin-top: 15px;
        }
        page #address td {
            width: 300px;
        }
        page #address .body {
            padding: 2px;
            height: 120px;
            vertical-align: top;
        }
        page #address p {
            margin: 0;
        }
        page #info {
            margin-top: 10px;
        }
        page #info table,
        page #cart table {
            width: 100%;
        }
        page #info td {
            height: 35px;
            padding: 5px 5px;
        }
        page #cart {
            margin-top: 5px;
        }
        page #cart td {
            padding: 0 5px;
        }
        page #cart-content tr:nth-child(odd) {
            background-color: #f2f2f2
        }
        page #total {
            margin-top: 1px;
        }
        page #gourmetinfo {
            margin: 0 auto;
            margin-top: 1px;
            width: 95% !important;
        }
        page #gourmetinfo td {
            text-align: center;
            padding: 10px 0;
        }
        @media print {

            @page {
                size: A4;
                margin: 1.27cm;
            }

            body {
                margin: 0;
            }

            .alert, footer {
                display: none !important;
            }

            page {
                display: block !important;
            }

            page #cart-content tr:nth-child(odd) {
                background-color: #f2f2f2 !important;
            }
        }
    </style>
@endsection
@section('main')
    <page size="A4">
        <div id="header" class="row">
            <div class="col-xs-6 text-center">
                <img src="{{asset('img/logo.png')}}" class="img-responsive" alt="">
                <h4>300 E. Tena St.</h4>
                <h4>Jacksonville, TX 75766</h4>
            </div>
            <div class="col-xs-6 text-right">
                <h2><strong>Wholesale Invoice</strong></h2>
                <table class="table-bordered text-center pull-right">
                    <tr>
                        <td>Date</td>
                        <td>Invoice #</td>
                    </tr>
                    <tr>
                        <td>{{\Carbon\Carbon::now()->format('m/d/Y')}}</td>
                        <td>{{$order->id}}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="address" class="row">
            <div class="col-xs-6">
                <table class="table-bordered">
                    <tr>
                        <td>BILL TO</td>
                    </tr>
                    <tr>
                        <td class="body">
                            <p>{{$order->bill_to}}</p>
                            <p>{{$order->bill_address}}</p>
                            <p>{{$order->bill_city}}, {{$order->billing_state->code}} {{$order->bill_zip}}</p>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="col-xs-6">
                <table class="table-bordered pull-right">
                    <tr>
                        <td>SHIP TO</td>
                    </tr>
                    <tr>
                        <td class="body">
                            <p>{{$order->ship_to}}</p>
                            <p>{{$order->ship_address}}</p>
                            <p>{{$order->ship_city}}, {{$order->state->code}} {{$order->ship_zip}}</p>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="info" class="row">
            <div class="col-xs-12">
                <table class="table-bordered text-center">
                    <tr>
                        <td style="padding:0 10px">P.O. #</td>
                        <td>TER...</td>
                        <td>REP</td>
                        <td>VIA</td>
                        <td>F.O.B</td>
                        <td>Bar Code</td>
                        <td>Private Lab</td>
                        <td>Label Color</td>
                        <td>Border Color</td>
                        <td>Logo Color</td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
        <div id="cart" class="row">
            <div class="col-xs-12">
                <table id="cart-content" class="table-bordered table-striped">
                    <tr>
                        <th class="text-center" style="width:12%">Qty.</th>
                        <th class="text-center" style="width:14%">Item Code</th>
                        <th class="text-center" style="width:37%">Description</th>
                        <th class="text-center">U/M</th>
                        <th class="text-center" style="width:14%">Price Each</th>
                        <th class="text-center" style="width:14%">Amount</th>
                    </tr>
                    @foreach($cart as $item)
                        <tr>
                            <td class="text-right">{{$item['qty']}}</td>
                            <td>{{$item['options']['sku']}}</td>
                            <td>{{$item['name']}}</td>
                            <td></td>
                            <td class="text-right">{{$item['price']}}</td>
                            <td class="text-right">{{$item['subtotal']}}</td>
                        </tr>
                    @endforeach

                </table>

                <table id="total">
                    <tr>
                        <th style="width:22%; padding:20px 0;"></th>
                        <th style="width:40%"></th>
                        <th>
                            <h4><strong>TOTAL</strong></h4>
                        </th>
                    </tr>
                </table>

                <table id="gourmetinfo">
                    <tr>
                        <td style="width:112px;">Phone</td>
                        <td style="width:112px;">Fax #</td>
                        <td>E-mail</td>
                        <td style="width:180px;">Web Site</td>
                    </tr>
                    <tr>
                        <td>(903) 284-6215</td>
                        <td>(903) 284-6223</td>
                        <td>{{Auth::user()->email}}</td>
                        <td>www.gourmetgardens.com</td>
                    </tr>
                </table>

            </div>
        </div>
    </page>

    {{--MENU BAR--}}
    <div class="no-print  row mb-2">
        <div class="col-12">
            @if(Auth::user()->role_id == 2  || Auth::user()->role_id == 7)
                <button type="button" class="btn btn-danger pull-right no-print mr-2" data-toggle="modal"
                        data-target="#delete-modal"><i
                            class="fa fa-trash"></i> Delete
                </button>
            @endif
            <a href="{{route('admin.orders.pdf', [$order->id, $order->shipper->code])}}"
               class="btn btn-warning pull-right no-print mr-2"><i
                        class="fa fa-file-pdf-o"></i> BOL
            </a>

            <a href="{{route('admin.orders.excel', $order->id)}}" class="btn btn-success pull-right no-print mr-2"><i
                        class="fa fa-file-excel-o"></i> Excel
            </a>
            <button type="button" onclick="window.print();" class="btn btn-default pull-right no-print mr-2"><i
                        class="fa fa-print"></i> Print
            </button>
            @if(Auth::user()->role_id == 2  || Auth::user()->role_id == 7)
                <div class="dropdown pull-right no-print mr-2">
                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Transfer to
                        <span class="caret"></span></button>
                    <ul class="dropdown-menu">

                        <li>
                            {!! Form::open(['method'=>'PUT','action' => ['AdminOrdersController@TransferToInvoicer', $order->id]]) !!}
                            {!! Form::submit('Invoicer', ['class'=>'btn']) !!}
                            {!! Form::close() !!}
                        </li>

                    </ul>
                </div>
            @endif
        </div>
    </div>
    <div class="no-print  row">
        <div class="col-md-6">
            {{--SHOPPING CART--}}
            @include('admin.orders.partials.shopping_cart')

            {{--SHIPPING--}}
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Shipping</h3>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-condensed">
                        {!! Form::open(['method'=>'PUT','action' => ['AdminOrdersController@trackingNumberUpdate', $order->id]]) !!}
                        <tr>
                            <td>Carrier</td>
                            <td><strong>{{$order->shipper->name}}</strong></td>
                        </tr>
                        <tr>
                            <td>Shipping Fee</td>
                            <td><strong>$ {{$order->shipping_fee}}</strong></td>
                        </tr>
                        <tr>
                            <td>Special Notes</td>
                            <td>
                                {!! Form::textarea('special_notes' , $order->special_notes, ['class'=>'form-control','placeholder'=>'Special Notes','rows'=>'3']) !!}
                            </td>
                        </tr>
                        @if($order->accessorial_charge_type !=0)
                            <tr>
                                <td>Accessorial Charge Amount</td>
                                <td>
                                    <strong>{!! \AppHelper::instance()->moneyFormat($order->accessorial_charge_amount) !!}</strong>
                                </td>
                            </tr>
                        @endif
                        <tr>
                            <td>Tracking Number</td>
                            <td>
                                {!! Form::text('tracking_number' , $order->tracking_number, ['class'=>'form-control input-sm','placeholder'=>'Tracking Number']) !!}
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">{!! Form::submit('Save Shipping Info', ['class'=>'form-control btn-warning']) !!}</td>
                        </tr>
                        {!! Form::close() !!}

                    </table>
                </div>
            </div>

            {{--DISCOUNT--}}
            @include('admin.orders.partials.discount')

            {{--EXTRA CHARGE--}}
            @include('admin.orders.partials.additional_charge')

            {{--COUPON--}}
            @include('admin.orders.partials.coupon')

            {{--FINAL PRICE--}}
            @include('admin.orders.partials.final_price')

            {{--LABEL SELECTION--}}
            @include('admin.orders.partials.label_selection')
            {{--FINAL PRICE--}}
            @include('admin.orders.partials.logs')
            {{--UPLOAD--}}
            @include('admin.orders.partials.upload')

        </div>

        {{--CUSTOMER INFO--}}
        @include('admin.orders.partials.customer_information')

        {{--SHIPPING INFO--}}

        @include('admin.orders.partials.shipping_information')
        {{--BILLING INFO--}}

        @include('admin.orders.partials.billing_information')

        {{--PAYMENT--}}
        @include('admin.orders.partials.payment')

        {{--PAID--}}
        <div class="box">
            <div class="box-header">
                <h3 class="box-title">Paid: <strong> @if($order->paid == 0) <span class="text-danger"> NO </span>  @else <span class="text-success"> YES </span>  @endif</strong></h3>
            </div>
            <div class="box-body no-padding">
                <table class="table table-condensed">
                    {!! Form::open(['method'=>'PUT','action' => ['AdminOrdersController@paid', $order->id]]) !!}
                    <tr>
                        <td class="text-center">{!! Form::select('paid', [0=>'No',1=>'Yes'] , $order->paid, ['class'=>'form-control select2']) !!}</td>
                    </tr>
                    @if(Auth::user()->role_id != 5 && Auth::user()->role_id != 4)
                        <tr>
                            <td colspan="2">{!! Form::submit('Save', ['class'=>'form-control btn-warning']) !!}</td>
                        </tr>
                    @endif
                    {!! Form::close() !!}

                </table>
            </div>
        </div>


        {{--ADDITIONAL INFO--}}
        <div class="box">
            <div class="box-header">
                <h3 class="box-title">Additional Information</h3>
            </div>
            <div class="box-body no-padding">
                <table class="table table-condensed">
                    <tr>
                        <td style="word-break: break-all;">{{$order->comment}}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
@stop
@section('footer')
    <div class="modal modal-danger fade" id="delete-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">Delete this Order</h4>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to delete Order # {{$order->id}} from the
                        database?</p>
                </div>
                <div class="modal-footer">
                    {!! Form::open(['method'=>'DELETE','action' => ['AdminOrdersController@historyDestroy', $order->id]]) !!}
                    <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-outline">Delete</button>
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
@stop