@extends('admin.layout.master')

@section('content')
<style>
    select2-container--default {
        min-height: 104px !important;
}
.table-container {
    overflow: auto; height: 400px;
}
{{--  .order-datatable tbody tr td {
    word-wrap: break-word;
    word-break: break-all;
}  --}}



.no-sort::after { display: none!important; }
.no-sort::before { display: none!important; }

</style>
<!-- Content Header (Page header) -->

    <div class="content-header sticky-top top-0 bg-white mb-2">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-4">
                    <h1 class="m-0">Advanced Search</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <div class="text-right">



                        <a href="{{ route('admin.order') }}" class="btn btn-secondary updateBtn" >Cancel</a>
                        <button type="submit" id="updateBtn" class="btn btn-primary updateBtn" ><i class="fa fa-search" aria-hidden="true"></i> Search</button>
                    </div>
                </div>
                <div class="col-sm-2">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('admin.order') }}">Order</a></li>
                        <li class="breadcrumb-item active">Advanced Search</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>

<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </p>
        @endif
    @endforeach

    <form action="{{ route('admin.order') }}" id="advancedSearch" method="get">

    <div class="card">
        <div class="card-body">

            <h5>Details</h5>
            <div class="row">
                <input type="hidden" name="search_order" class="form-control" id="search_order" value="search_order">

                <div class="col-md-4 form-group p-1">
                    <label for="order_id" class="form-label"> Order ID </label>
                    <input type="text" name="fields[orderid]" class="form-control" id="order_id" placeholder="Search Order ID">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="customer_id" class="form-label"> Customer ID </label>
                    <input type="text" name="fields[customerid]" class="form-control" id="customer_id" placeholder="Search Customer ID">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="order_start_date" class="form-label"> Order Date </label>
                    <div class="row">
                        <div class="col-6">
                            <input type="date" name="fields[order_start_date]" class="form-control" id="order_start_date" placeholder="Select Start Order Date">
                        </div>
                        <div class="col-6">
                            <input type="date" name="fields[order_end_date]" class="form-control" id="order_end_date" placeholder="Select End Order Date">
                        </div>
                    </div>

                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="is_gift" class="form-label"> Is A Gift </label>
                    <input type="text" name="fields[isagift]" class="form-control" id="is_gift" placeholder="Search Is A Gift">
                </div>

                <div class="col-md-4 form-group p-1">
                    <label for="ship_date" class="form-label"> Ship Date </label>
                    <input type="date" name="fields[shipdate]" class="form-control" id="ship_date" placeholder="Search Ship Date">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="locked" class="form-label"> Locked </label>
                    <input type="text" name="fields[locked]" class="form-control" id="locked" placeholder="Search Locked">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="vendor_id" class="form-label"> Vendor ID </label>
                    <input type="text" name="fields[custom_field_vendororder]" class="form-control" id="vendor_id" placeholder="Search Vendor ID">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="shipped" class="form-label"> Shipped </label>
                    <select name="fields[shipped]" id="shipped" class="form-control">
                        <option value="">Select Shipped</option>
                        <option value="Y">Y</option>
                        <option value="N">N</option>
                    </select>
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="customer_ip_address" class="form-label"> Customer IP Address </label>
                    <input type="text" name="fields[customer_ipaddress]" class="form-control" id="customer_ip_address" placeholder="Search Customer IP Address">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="order_status" class="form-label"> Order Status </label>
                     <select name="fields[orderstatus]" id="order_status" class="form-control">
                        <option value="">Select Order Status</option>
                        <option value="New">New</option>
                        <option value="Pending">Pending</option>
                        <option value="Shipped" >Shipped</option>
                        <option value="Ready to Ship">Ready to Ship</option>
                        <option value="Processing">Processing</option>
                        <option value="Cancelled">Cancelled</option>
                    </select>

                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="order_entry_system" class="form-label"> Order Entry System </label>
                    <select name="fields[order_entry_system]" id="order_entry_system" class="form-control">
                        <option value="">Select Order Entry System</option>
                        <option value="ONLINE"  >ONLINE</option>
                        <option value="PHONE" >PHONE</option>
                        <option value="MARKETPLACE" >MARKETPLACE</option>

                    </select>

                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="sales_rep_customer_id" class="form-label"> Sales Rep Customer ID </label>
                    <input type="text" name="fields[salesrep_customerid]" class="form-control" id="sales_rep_customer_id" placeholder="Search Sales Rep Customer ID">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="processed_auto_events" class="form-label"> Processed Auto Events </label>
                    <input type="text" name="fields[processed_autoevents]" class="form-control" id="processed_auto_events" placeholder="Search Processed Auto Events">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="last_modified" class="form-label"> Last Modified </label>
                    <input type="date" name="fields[lastmodified]" class="form-control" id="last_modified" placeholder="Search Last Modified">
                </div>
                <div class="col-md-4 form-group p-1">
                    <label for="last_modify_by" class="form-label"> Last Mod By </label>
                    <input type="text" name="fields[lastmodby]" class="form-control" id="last_modify_by" placeholder="Search Last Mod By">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="pin" class="form-label"> Marketplace Order ID </label>
                    <input type="text" name="fields[marketplace_order_id]" class="form-control" id="marketplace_order_id" placeholder="Search Marketplace Order ID">
                </div>
            </div>

        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5>Customer Notes</h5>
            <div class="row">

                <div class="col-md-6 form-group p-2">
                    <label for="public_notes" class="form-label"> Public Notes </label>
                    <input type="text" name="fields[order_comments]" class="form-control" id="public_notes" placeholder="Search Public Notes">
                </div>
                <div class="col-md-6 form-group p-2">
                    <label for="private_notes" class="form-label"> Private Notes </label>
                    <input type="text" name="fields[ordernotes]" class="form-control" id="public_notes" placeholder="Search Private Notes">
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5>Bill To / Ship To</h5>
            <div class="row">

                <div class="col-md-6">
                    <div class="form-group">
                        <label for="billing_company_name" class="form-label"> Billing Company Name </label>
                        <input type="text" name="fields[billingcompanyname]" class="form-control" id="billing_company_name" placeholder="Search Billing Company Name">
                    </div>
                    <div class="form-group">
                        <label for="billing_first_name" class="form-label"> Billing First Name </label>
                        <input type="text" name="fields[billingfirstname]" class="form-control" id="billing_first_name" placeholder="Search Billing Company Name">
                    </div>
                    <div class="form-group">
                        <label for="billing_last_name" class="form-label"> Billing Last Name </label>
                        <input type="text" name="fields[billinglastname]" class="form-control" id="billing_last_name" placeholder="Search Billing Company Name">
                    </div>
                    <div class="form-group">
                        <label for="billing_address1" class="form-label"> Billing Address1 </label>
                        <input type="text" name="fields[billingaddress1]" class="form-control" id="billing_address1" placeholder="Search Billing Address1">
                    </div>
                    <div class="form-group">
                        <label for="billing_address2" class="form-label"> Billing Address2 </label>
                        <input type="text" name="fields[billingaddress2]" class="form-control" id="billing_address2" placeholder="Search Billing Address2">
                    </div>
                    <div class="form-group">
                        <label for="billing_city" class="form-label"> Billing City </label>
                        <input type="text" name="fields[billingcity]" class="form-control" id="billing_city" placeholder="Search Billing City">
                    </div>
                    <div class="form-group">
                        <label for="billing_state" class="form-label"> Billing State </label>
                        <input type="text" name="fields[billingstate]" class="form-control" id="billing_state" placeholder="Search Billing State">
                    </div>
                    <div class="form-group">
                        <label for="billing_postal_code" class="form-label"> Billing Postal Code </label>
                        <input type="text" name="fields[billingpostalcode]" class="form-control" id="billing_postal_code" placeholder="Search Billing Postal Code">
                    </div>
                    <div class="form-group">
                        <label for="billing_country" class="form-label"> Billing Country </label>
                        <input type="text" name="fields[billingcountry]" class="form-control" id="billing_country" placeholder="Search Billing Country">
                    </div>
                    <div class="form-group">
                        <label for="billing_phone_number" class="form-label"> Billing Phone Number </label>
                        <input type="text" name="fields[billingphonenumber]" class="form-control" id="billing_phone_number" placeholder="Search Billing Phone Number">
                    </div>

                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="shipping_company_name" class="form-label"> Ship Company Name </label>
                        <input type="text" name="fields[shipcompanyname]" class="form-control" id="shipping_company_name" placeholder="Search Ship Company Name">
                    </div>
                    <div class="form-group">
                        <label for="shipping_first_name" class="form-label"> Ship First Name </label>
                        <input type="text" name="fields[shipfirstname]" class="form-control" id="shipping_first_name" placeholder="Search Ship Company Name">
                    </div>
                    <div class="form-group">
                        <label for="shipping_last_name" class="form-label"> Ship Last Name </label>
                        <input type="text" name="fields[shiplastname]" class="form-control" id="shipping_last_name" placeholder="Search Ship Company Name">
                    </div>
                    <div class="form-group">
                        <label for="shipping_address1" class="form-label"> Ship Address1 </label>
                        <input type="text" name="fields[shipaddress1]" class="form-control" id="shipping_address1" placeholder="Search Ship Address1">
                    </div>
                    <div class="form-group">
                        <label for="shipping_address2" class="form-label"> Ship Address2 </label>
                        <input type="text" name="fields[shipaddress2]" class="form-control" id="shipping_address2" placeholder="Search Ship Address2">
                    </div>
                    <div class="form-group">
                        <label for="shipping_city" class="form-label"> Ship City </label>
                        <input type="text" name="fields[shipcity]" class="form-control" id="shipping_city" placeholder="Search Ship City">
                    </div>
                    <div class="form-group">
                        <label for="shipping_state" class="form-label"> Ship State </label>
                        <input type="text" name="fields[shipstate]" class="form-control" id="shipping_state" placeholder="Search Ship State">
                    </div>
                    <div class="form-group">
                        <label for="shipping_postal_code" class="form-label"> Ship Postal Code </label>
                        <input type="text" name="fields[shippostalcode]" class="form-control" id="shipping_postal_code" placeholder="Search Ship Postal Code">
                    </div>
                    <div class="form-group">
                        <label for="shipping_country" class="form-label"> Ship Country </label>
                        <input type="text" name="fields[shipcountry]" class="form-control" id="shipping_country" placeholder="Search Ship Country">
                    </div>
                    <div class="form-group">
                        <label for="shipping_phone_number" class="form-label"> Ship Phone Number </label>
                        <input type="text" name="fields[shipphonenumber]" class="form-control" id="shipping_phone_number" placeholder="Search Ship Phone Number">
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5>Payment / Shipping</h5>
            <div class="row">

                <div class="col-md-4 form-group p-2">
                    <label for="shipping_method_id" class="form-label"> Shipping Method ID </label>
                    <input type="text" name="fields[shippingmethodid]" class="form-control" id="shipping_method_id" placeholder="Search Shipping Method ID">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="total_shipping_cost" class="form-label"> Total Shipping Cost </label>
                    <input type="text" name="fields[totalshippingcost]" class="form-control" id="total_shipping_cost" placeholder="Search Total Shipping Cost">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="salestaxrate1" class="form-label"> Sales Tax Rate 1 </label>
                    <input type="text" name="fields[salestaxrate1]" class="form-control" id="salestaxrate1" placeholder="Search Sales Tax Rate 1">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="salestax1" class="form-label"> Sales Tax 1 </label>
                    <input type="text" name="fields[salestax1]" class="form-control" id="salestax1" placeholder="Search Sales Tax 1">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="payment_amount" class="form-label"> Payment Amount </label>
                    <input type="text" name="fields[paymentamount]" class="form-control" id="payment_amount" placeholder="Search Payment Amount">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="payment_method_id" class="form-label"> Payment Method ID </label>
                    <input type="text" name="fields[paymentmethodid]" class="form-control" id="payment_method_id" placeholder="Search Payment Method ID">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="affiliate_commissionable_value" class="form-label"> Affiliate Commissionable Value </label>
                    <input type="text" name="fields[affiliate_commissionable_value]" class="form-control" id="affiliate_commissionable_value" placeholder="Search Affiliate Commissionable Value">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="card_holders_name" class="form-label"> Card Holders Name </label>
                    <input type="text" name="fields[cardholdersname]" class="form-control" id="card_holders_name" placeholder="Search Card Holders Name">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="credit_card_exp_date" class="form-label"> Credit Card Exp Date </label>
                    <input type="text" name="fields[creditcardexpdate]" class="form-control" id="credit_card_exp_date" placeholder="Search Credit Card Exp Date">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="credit_card_authorization_number" class="form-label"> Credit Card Authorization Number </label>
                    <input type="text" name="fields[creditcardauthorizationnumber]" class="form-control" id="credit_card_authorization_number" placeholder="Search Credit Card Authorization Number">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="credit_card_transaction_id" class="form-label"> Credit Card Transaction ID </label>
                    <input type="text" name="fields[creditcardtransactionid]" class="form-control" id="credit_card_transaction_id" placeholder="Search Credit Card Transaction ID">
                </div>

            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5>Payment Response</h5>
            <div class="row">

                <div class="col-md-4 form-group p-2">
                    <label for="payment_declined" class="form-label"> Payment Declined </label>
                    <input type="text" name="fields[paymentdeclined]" class="form-control" id="payment_declined" placeholder="Search Payment Declined">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="credit_card_authorization_date" class="form-label"> Credit Card Authorization Date </label>
                    <input type="text" name="fields[creditcardauthorizationdate]" class="form-control" id="credit_card_authorization_date" placeholder="Search Credit Card Authorization Date">
                </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5>Product</h5>
            <div class="row">

                <div class="col-md-4 form-group p-2">
                    <label for="payment_declined" class="form-label"> Product Code </label>
                    <input type="text" name="fields[productcode]" class="form-control" id="productcode" placeholder="Search Product Code">
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="pin" class="form-label"> PIN </label>
                    <input type="text" name="fields[pin]" class="form-control" id="pin" placeholder="Search Pin">
                </div>

            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <h5>Custom Fields</h5>
            <div class="row">

                <div class="col-md-4 form-group p-2">
                    <label for="cat_status" class="form-label"> Order CMT </label>
                    <select name="fields[custom_field_catstatus]" id="cat_status" style="width: 100%" data-palcehoder="Select cat status" class="form-control" >
                        <option value="" selected>None</option>
                        <option value="NEW" >NEW</option>
                        <option value="24 HR HOLD" >24 HR HOLD</option>
                        <option value="CALL" >CALL</option>
                        <option value="PHONE 6" >PHONE 6</option>
                        <option value="CAT" >CAT</option>
                        <option value="COMPLETE" >COMPLETE</option>
                        <option value="CUSTOMER" >CUSTOMER</option>
                        <option value="WAREHOUSE" >WAREHOUSE</option>
                        <option value="VENDOR" >VENDOR</option>
                        <option value="MANAGER" >MANAGER</option>
                        <option value="SALES">SALES</option>
                    </select>
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="cat_reason" class="form-label"> CMT Reason </label>
                    <select name="fields[custom_field_catreason]" id="cat_reason" style="width: 100%" data-palcehoder="Select cat reason" class="form-control" >
                        <option value="" selected>None</option>
                        <option value="ADDRESS" >ADDRESS</option>
                        <option value="CANCEL" >CANCEL</option>
                        <option value="WRONG" >WRONG</option>
                        <option value="ETA" >ETA</option>
                        <option value="DAMAGED" >DAMAGED</option>
                        <option value="TRACKING" >TRACKING</option>
                        <option value="SHIPPING" >SHIPPING</option>
                        <option value="PICTURES" >PICTURES</option>
                        <option value="COURTESY" >COURTESY</option>
                        <option value="FNLA" >FNLA</option>
                        <option value="LTBO" >LTBO</option>
                        <option value="LOST" >LOST</option>
                        <option value="TAX EXEMPT" >TAX EXEMPT</option>
                        <option value="PAYMENT" >PAYMENT</option>
                        <option value="SHIPPING DUE" >SHIPPING DUE</option>
                        <option value="RETURN" >RETURN</option>
                        <option value="REMORSE" >REMORSE</option>
                        <option value="RETAIN" >RETAIN</option>
                        <option value="URGENT CANCEL" >URGENT CANCEL</option>
                        <option value="DELAY" >DELAY</option>
                        <option value="DEFECTIVE" >DEFECTIVE</option>
                        <option value="FRAUD" >FRAUD</option>

                    </select>
                </div>
                <div class="col-md-4 form-group p-2">
                    <label for="cat_department" class="form-label"> CMT Department </label>

                        <select name="fields[custom_field_catdepartment]" id="cat_department" style="width: 100%" data-palcehoder="Select cat department" class="form-control" >
                            <option value="" selected>None</option>
                            <option value="VENDOR" >VENDOR</option>
                            <option value="SALES" >SALES</option>
                            <option value="WAREHOUSE" >WAREHOUSE</option>
                            <option value="MARKETPLACE" >MARKETPLACE</option>
                            <option value="WEBSITE" >WEBSITE</option>
                            <option value="CARRIER" >CARRIER</option>
                            <option value="CUSTOMER" >CUSTOMER</option>
                        </select>

                </div>
            </div>
        </div>
    </div>
</form>
</section>
<script>
    $('#updateBtn').click(function(){

        $('#advancedSearch').submit();

    });
    
     $(document).on('keyup keypress', '#advancedSearch input, select', function(e) {
        if(e.keyCode == 13) {
            e.preventDefault();
            $("#advancedSearch").submit();
            return false;
        }
    });
</script>

@endsection