@using ParcelWeb.App_Helpers;
@{
    ViewBag.Title = "Search Shipment";
}

<div class="content-header row">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item active">
                Search Shipment
            </li>
        </ol>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Shipment Status</h4>
                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                <div class="heading-elements">
                    <input type="text" class="form-control input-sm" name="txtTracking" id="txtTracking" placeholder="Enter Tracking Id...">

                    <button type="button" class="btn btn-primary  btn-sm btn-square" id="btnTrack" style="min-height:30px"><i class="icon-location"></i> Search</button>
                </div>
            </div>


            <div class="card-body">
                <div class="card-block">
                    <fieldset class="form-group position-relative">
                        <input type="text" class="form-control form-control-lg input-lg" id="txtScan" placeholder="Search by Barcode Scanner">
                        <div class="form-control-position">
                            <i class="icon-barcode2 font-medium-4"></i>
                        </div>
                    </fieldset>
                    <div id="Content" style="min-height:500px">
                        @if (Settings.DemoMode)
                        {
                            <div class="bs-callout-warning mt-1">
                                <div class="media">
                                    <div class="media-left media-middle bg-warning px-2">
                                        <i class="icon-bell-o white font-medium-5"></i>
                                    </div>
                                    <div class="media-body p-1">

                                        <strong>Smart Courier Track and Trace</strong>
                                        <p>Here you can find the information on the shipments you are looking for.You can use either <b>Tracking No</b> or <b>Reference No</b> for Tracking. Please use Enter to put multiple Tracking No. </p>

                                        <strong>Try 0000036,0000037</strong>
                                    </div>
                                </div>
                            </div>
                        }
                    </div>
                </div>
            </div>



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

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">


        $(document).ready(function () {


            var tag = $('#txtTracking').tagsinput({
                maxTags: 50,
                trimValue: true
            });



            //$('input').keypress(function (e) {
            //    if (e.which != 8 && e.which != 0 && e.which != 13 && (e.which < 48 || e.which > 57 )) {
            //        return false;
            //    }
            //});


            function AjaxBlock(button) {
                var block_ele = $(button).closest('.card');
                $(block_ele).block({
                    message: '<div class="icon-spinner9 icon-spin icon-lg"></div>',
                    timeout: false, //unblock after 2 seconds
                    overlayCSS: {
                        backgroundColor: '#fff',
                        opacity: 0.8,
                        cursor: 'wait'
                    },
                    css: {
                        border: 0,
                        padding: 0,
                        backgroundColor: 'transparent'
                    }
                });
            };

            function AjaxUnblock(button) {
                var block_ele = $(button).closest('.card');
                $(block_ele).unblock();
            }

            $('#txtScan').on('keyup', function (e) {

                if (e.which == 13) {

                    var trackingId = $('#txtScan').val();
                    $.ajax({
                        type: "Get",
                        url: "/Shipments/TrackResult?Id=" + trackingId,
                        dataType: "html",
                        beforeSend: function () {
                            AjaxBlock('#btnTrack');
                        },
                        success: function (data) {
                            $('#Content').empty();
                            $('#Content').html(data);
                            $('#txtScan').val("");
                        },
                        error: function (jqXhr) {

                            if (jqXhr.status == 404) {
                                $('#Content').empty();
                                MyAlert("Opps!", "Invalid Tracking Id", "danger", "icon-ios-close-outline");
                            }
                            else if (jqXhr.status == 400) {
                                $('#Content').empty();
                                MyAlert("Warning", "Tracking Id can not be Empty", "danger", "icon-ios-close-outline");
                            }

                        },
                        complete: function () {
                            AjaxUnblock('#btnTrack');
                        }

                    });
                }

            });

            $('#btnTrack').on('click', function () {


                var data = $('input[name="txtTracking"]').tagsinput('items');
                if (data.length == 1) {
                    $.ajax({
                        type: "Get",
                        url: "/Shipments/TrackResult?Id=" + data,
                        dataType: "html",
                        beforeSend: function () {
                            AjaxBlock('#btnTrack');
                        },
                        success: function (data) {
                            $('#Content').empty();
                            $('#Content').html(data);
                        },
                        error: function (jqXhr) {

                            if (jqXhr.status == 404) {
                                $('#Content').empty();
                                MyAlert("Opps!", "Invalid Tracking Id", "danger", "icon-ios-close-outline");
                            }
                            else if (jqXhr.status == 400) {
                                $('#Content').empty();
                                MyAlert("Warning", "Tracking Id can not be Empty", "danger", "icon-ios-close-outline");
                            }

                        },
                        complete: function () {
                            AjaxUnblock('#btnTrack');
                        }

                    });
                }
                else if (data.length > 1) {

                    var postData = { values: data };

                    $.ajax({
                        type: "POST",
                        url: "/Shipments/SearchResult",
                        data: postData,
                        dataType: "html",
                        traditional: true,
                        beforeSend: function () {
                            AjaxBlock('#btnTrack');
                        },
                        success: function (data) {
                            $('#Content').empty();
                            $('#Content').html(data);
                        },
                        error: function (jqXhr) {

                            if (jqXhr.status == 404) {
                                $('#Content').empty();
                                MyAlert("Opps!", "Invalid Tracking Id", "danger", "icon-ios-close-outline");
                            }
                            else if (jqXhr.status == 400) {
                                $('#Content').empty();
                                MyAlert("Warning", "Tracking Id can not be Empty", "danger", "icon-ios-close-outline");
                            }

                        },
                        complete: function () {
                            AjaxUnblock('#btnTrack');
                        }

                    });
                }
                else {
                    alert("Please Enter Valid Tracking Id.")
                }


            });


        });

    </script>
}