@extends('modules.head') @section('contenido')
    <h3><a class="ruta" class="" href="{{url('/quotes')}}">Quotes</a></h3>
    <div class="content-box-form">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">Edit Quote</h3>
                <h4>ID: {{ $quote->id }}, <b>Status:</b> {{ $quote->quote_state ? $quote->quote_state->name : "No Status" }}</h4>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="dvPrint">
                    <header>
                        <div>
                            <img src="{{ asset('img/igt_black_min.png') }}" alt="IGT LOGO" />
                            <p>{!!$sBranchAddress!!}</p>
                        </div>
                        <div>
                            <h2>Sales Quote</h2>
                            <ul>
                                <li class="liRep">IGT Rep: <span>{{ $quote->admin->first_name }} {{ $quote->admin->last_name }}</span></li>
                                <li class="liQD">Quotation Date: <span></span></li>
                                <li class="liPO">P.O.: <span></span></li>
                                <li class="liVU">Valid Until: <span></span></li>
                            </ul>
                        </div>
                    </header>
                    <main>
                    <section class="sTop">
                        <div>
                            <h3>Company Info:</h3>
                            <ul>
                                <li class="liComp"><span></span></li>
                                <li class="liContact"><span></span></li>
                                <li class="liAddress"><span></span></li>
                                <li class="liTerm"><span></span></li>
                            </ul>
                        </div>
                        <div>
                            <h3>Estimated Total:</h3>
                            <div class="dvTotal">
                                <span></span>
                                <small></small>
                            </div>
                        </div>
                    </section>
                </div>
                <div role="form" id="createOrder" data-toggle="validator" class="form-order">
                    <div class="row">
                        <div class="col-3 col-md-3">
                            <div class="form-group">
                                <label for="user_id">Customer</label>
                                @if (isset($pending_account->id))
                                <input type="text" data-typeOrder="5" id="user_id" class="form-control" name="user_id" disabled value="L{{ $pending_account->id }} - {{ $pending_account->company_name }}" data-id="{{ $pending_account->id }}" data-document="L{{ $pending_account->id }}" data-tax_exempt="{{ $pending_account->tax_status }}">
                                @else
                                <input type="text" data-typeOrder="5" id="user_id" data-client-type="customer" class="form-control" name="user_id" disabled value="{{ $customer->document }} - {{ $customer->first_name }}" data-id="{{ $customer->id }}" data-document="{{ $customer->document }}" data-tax_exempt="{{ $customer->bo_tax_exempt }}">
                                @endif
                            </div>
                        </div>
                        <div class="col-3 col-md-3">
                            <div class="form-group">
                                <label for="customer_name">Contact person</label>
                                <input type="text" data-id="" id="customer_name" class="form-control" name="customer_name" disabled />
                            </div>
                        </div>
                        <div class="col-3 col-md-3">
                            <div class="form-group">
                                <label for="email">{{Lang::get('messages.screen_sale_tag20')}}</label>
                                <input type="email" data-id="" id="email" class="form-control" name="email" disabled />
                            </div>
                        </div>
                        <div class="col-2 col-md-2">
                            <div class="form-group">
                                <label for="phone">{{Lang::get('messages.screen_sale_tag8')}}</label>
                                <input type="text" id="phone" class="form-control" name="phone" min="7" maxlength="45" disabled/>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="address_id">Bill to</label>
                                <select class="form-control" ec-data-id="" ec-data-direction="" ec-data-district="" ec-data-instru="" ec-data-lat="" ec-data-long="" name="bill_to" id="bill_to">
                                    <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="address_id">Ship to</label>
                                <select class="form-control" ec-data-id="" ec-data-direction="" ec-data-district="" ec-data-instru="" ec-data-lat="" ec-data-long="" name="ship_to" id="ship_to">
                                    <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="shippingType">Shipping type</label>
                                <select class="form-control" name="shippingType" id="shippingType">
                                    <option value="">{{Lang::get('messages.screen_sale_tag11')}}</option>
                                    @foreach ($shipping_types as $shipping_type)
                                        @if ($shipping_type->id == $quote->bo_shipping_type_id)
                                            <option value="{{$shipping_type->id}}" selected="selected">{{$shipping_type->name}}</option>
                                        @else
                                            <option value="{{$shipping_type->id}}">{{$shipping_type->name}}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-2 col-md-2">
                            <div class="form-group">
                                <label for="datepicker">Choose date</label>
                                <input id="datepicker" class="datepicker form-control" data-date-format="mm/dd/yyyy" value="{{ $quote?->bo_delivery_date ? date('m/d/Y', strtotime($quote?->bo_delivery_date)) : null }}">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-3 col-md-3">
                            <div class="form-group">
                                <label for="sucursal">Branch</label>
                                <span id="sucursal_parameter" value="{{$parameter->sucursal_products}}"></span>
                                <select class="form-control" name="sucursal" id="sucursal">
                                    @foreach($branches as $branch)
                                        @if($quote and $quote->branch_id == $branch->id)
                                            <option value="{{ $branch->id }}" selected="selected">{{ $branch->short_name }}</option>
                                        @else
                                            <option value="{{ $branch->id }}">{{ $branch->short_name }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="paymentTerm">Payment term</label>
                                <input type="text" class="form-control" name="paymentTerm" id="paymentTerm" disabled />
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="priceList">Price list</label>
                                <input type="text" class="form-control" name="priceList" id="priceList" disabled />
                            </div>
                        </div>
                        <!-- <div class="col-md-2">
                            <div class="form-group">
                                <label for="group">Group</label>
                                <input type="text" class="form-control" name="group" id="group" disabled />
                            </div>
                        </div> -->
                        <div class="col-md-2">
                            <div class="form-group">
                                <label for="po">P.O. #</label>
                                <input type="text" class="form-control" name="po" id="po" value="{{ $quote?->bo_purchase_order }}" />
                            </div>
                        </div>
                    </div>
                    @include('quotes.addProduct')
                    <div class="modal-body box-values">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="dvPrint">
                                    <div class="dvPolicy">
                                        <h3>Return Policy:</h3>
                                        <p>All returns/exchange must be made within the 30 days of the original purchase date and products must be in their original packaging.  After 30 days, we will not accept any returns.  Brass, Oil Rubbed Bronze and Matte Black finishes are final sale with no exceptions.  <b>There are NO refunds</b>, only store credit will be applied.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="table-responsive">
                                    <table class="table" id="tableTotal">
                                        <tbody>
                                            <tr>
                                                <th style="width:50%">Subtotal:</th>
                                                <td class="col-label">
                                                    <span id="subtotal" class="label-number-order format-money">0</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Taxes:</th>
                                                <td class="col-label">
                                                    <span id="taxes" class="label-number-order format-money">{{ $quote?->taxes }}</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Shipping cost:</th>
                                                <td class="col-label">
                                                    <span id="cost-delivery" class="label-number-order">
                                                        <input type="number" class="form-control" id="shippingCost" value="{{$quote->shipping_cost}}" onchange="calculateOrderSaleTotals()" onkeyup="calculateOrderSaleTotals()" data-delivery-default-cost="{{$parameter->cost_delivery}}" data-min-amount-for-delivery="{{$parameter->min_amount_for_delivery}}" data-max-amount-for-delivery="{{$parameter->max_amount_for_delivery}}" placeholder="" style="height: 25px" />
                                                    </span>
                                                </td>
                                            </tr>
                                            </tbody>
                                            <tfoot>
                                            <tr>
                                                <th>Total:</th>
                                                <td class="col-label">
                                                    <span id="total_order_discount" class="textDecorationLine marginRight label-number-order displayNone">0</span>
                                                    <span id="total_order" class="label-number-total-value format-money"> 0</span>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>

                        @php($actionsVisible = 0)
                        @if($quote->quote_state_id == null or $quote->quote_state_id == 1)
                            @php($actionsVisible = 1)
                        @endif
                        @php( $hidden = ($quote->isFreight() && (!$quote->shipping_cost || $quote->shipping_cost <= 0)) ? 'style=display:none' : '')
                        @if($actionsVisible and ($pending_account || $customer))
                            <a class="btn btnBox pull-left" id="btn-convert-to-order" href="/pos/create/{{$quote->id}}" {{$hidden}}>
                                Convert to order
                            </a>
                        @endif
                        @if($actionsVisible)
                            <button class="btn btnBox pull-right" id="btn-create-order" data-delivery="{{$parameter->cost_delivery}}"
                                    data-valueMinDelivery="{{$parameter->minimum_order_price}}" onClick="updateQuote(this, {{$quote->id}})">
                                Update
                            </button>
                        @endif
                        <a class="auxiliar-black" href="{{url('/orders')}}"><button type="button" class="btn btn-default btnCancel pull-right">{{Lang::get('messages.screen_transfer_tag8')}}</button></a>
                        <a href="javascript:void(0);" class="aPrintQuote btn pull-right">Print / Save PDF</a>

                        @if($actionsVisible)
                            <button class="btn btn-primary pull-right" onClick="cancelQuote(this, {{$quote->id}})">
                                Close Quote
                            </button>
                        @endif
                    </div>
                    {{ csrf_field() }}
                </div>
            </div>
        </div>
    </div>
@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/quotes.js') }}"></script>
<style type="text/css">
.hPrint { display: none;}
.aPrintQuote { margin: 0 10px 0; }
.aPrintQuote:active { color: #aaa !important; display: block !important;}
.aPrintQuote:hover { color: #aaa !important; text-decoration: underline; border-color: #aaa !important;}
.dvPrint { display: none;}
.dvNNNN { display: none !important;}
.liPO { display: none;}
.flex-controls {
    display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-start;
}

.hidden_span{display: none;}
@media print {
    body { margin: 0;}
    h1.hPrint { display: none !important; font-size: 24px; line-height: 36px;}
    h1.hPrint span { font-size: 32px; font-weight: bold; display: none;}
    .box-header.with-border, #createOrder > .row, #createOrder > .row:first-child:before, #createOrder > .row:first-child:after, #createOrder > .row:first-child > .col-xs-1,
    #addNewRow, #clearAllRows, #btn-create-order, #btn-create-order ~ a, h1, .input-group-btn, .main-footer, .trash-item, button.trash-item, h3,
    #btn-convert-to-order { display: none;}
    #orderLinesTable th:nth-child(4),#orderLinesTable th:nth-child(5),#orderLinesTable th:nth-child(8),#orderLinesTable td:nth-child(4),#orderLinesTable td:nth-child(5),
    #orderLinesTable td:nth-child(8) {display: none;}
    #orderLinesTable td { padding: 0; text-align: center;}
    #orderLinesTable td:first-child, #orderLinesTable td:last-child { padding: 4px 0 0 0; text-align: left;}
    #orderLinesTable input { border-width: 0 !important; padding: 0; text-align: center;}
    #orderLinesTable tr:nth-child(even) { background-color: #f4f4f4 !important;}
    #orderLinesTable td:nth-child(2), #orderLinesTable td:nth-child(7) {text-align: left; padding: 5px 12px;}

    /* .content-form { display: none;} */
    .modal-body.box-values { padding: 30px 0 0 0; margin: 20px 0 0 0; border-width: 3;}
    .modal-body.box-values > .row { display: flex; justify-content: space-between; }
    .modal-body.box-values > .row > div:first-child { flex: 0 0 60%; padding: 15px; border: solid 1px #ccc;}
    .modal-body.box-values > .row > div:first-child h3 { margin: 0 0 10px; padding: 0; font-size: 20px; font-weight: bold; border-width: 0;}
    .modal-body.box-values > .row > div:first-child p { line-height: 24px; text-align: justify;}
    .modal-body.box-values > .row > div:last-child { flex: 0 0 35%;}

    .dvPrint { display: block;}
    .dvPrint ul { list-style-type: none; margin: 0; padding: 0;}
    .sTop ul { padding: 10px; box-sizing: border-box; }
    .dvPrint header ul li { padding: 3px; border: solid 1px #fff;}
    .dvPrint header ul li span { font-weight: bold;}
    .dvPrint header ul li.liVU { color: #ff0011; border: solid 1px #ff0011;}
    .dvPrint header, .dvPrint main > section { display: flex; flex-wrap: wrap; justify-content: space-between;}
    .dvPrint header > div, .dvPrint main > section > div { flex: 0 0 40%;}
    .dvPrint main { margin: 20px 0;}
    section h3 { margin: 0; padding: 5px; border-bottom: solid 1px #ccc;}
    .sTop > div { flex: 0 0 40%; margin: 0; padding: 0; border: solid 1px #ccc;}
    .dvTotal { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: center;}
    .dvTotal * { flex: 0 0 100%; justify-content: center; text-align: center;}
    .dvTotal small { color: #ff0011 !important; }
    .dvTotal span { font-size: 32px;}
    @page {
        margin: 0;
    }
}
</style>
<script type="text/javascript">
    $(document).ready(function () {
      localStorage.setItem("arrayProducts", "");

        $(".aPrintQuote").click(function(){
                var validUntil = new Date(Date.now() + (30 * 24 * 60 * 60 * 1000)).toLocaleDateString();
                var date = new Date(Date.now()).toLocaleDateString();
                //date.setDate(date.getDate() + 30);
                //$(".liRep span").text($("#menu-usuario > p:first-child").text());

                $(".liQD span").text(date);
                $(".liVU span").text(validUntil);
                if($("#purchaseOrder").val()) {
                    $(".liPO span").show().text($("#purchaseOrder").val());
                }

                $(".liComp span").text($("#user_id").val());
                $(".liContact span").text($("#customer_name").val());
                $(".liAddress span").text($("#bill_to option:selected").text());
                $(".liTerm span").text($("#paymentTerm").val());

                let formatted_estimated_total = $("#total_order").toNumber().formatCurrency();
                $(".dvTotal span").text(formatted_estimated_total.text());
                $(".dvTotal small").text(validUntil);

                // appending and painting dynamically a span for printing view
                $('#orderLinesTable tbody tr').each(function(index, ele){
                   $(this).find("td:nth-child(2)").prepend(`<span class="hidden_span"></span>`);
                   let input_val = $(this).find("td:nth-child(2) > .input-group input").val();
                   $(this).find("td:nth-child(2) > span.hidden_span").text(input_val)
                });
                $('.ruta').parent('h3').hide();
                $('#orderLinesTable tbody .input-group').hide();
                $('.hidden_span').show();
                $('small.original_price > .faWatcher').hide();
                $('.fa-cube, .fa-exclamation-triangle, #btn-create-quote').hide();
                window.print();
        });

        window.onafterprint = function() {
           $('.hidden_span').remove();
           $('.ruta').parent('h3').show();
           $('#orderLinesTable tbody .input-group').show();
           $('.hidden_span').hide();
           $('small.original_price > .faWatcher').show();
           $('.fa-cube, .fa-exclamation-triangle, #btn-create-quote').show();
        }


        @if($quote)
            let bill_to = {!! json_encode( $quote->bill_to ) !!};
            let ship_to = {!! json_encode( $quote->ship_to ) !!};
            selectDirections(bill_to, ship_to);
        @endif
    });
    function setNeedConfirmT(value){
      window.needToConfirmT = value;
    }
</script>
@include('orders/modal_global_inventory')