@model IEnumerable<ParcelWeb.Core.Domain.DomesticShipment>
@using ParcelWeb.Core
@{
    ViewBag.Title = "My Bookings";
}

<style>
    .table th, .table td {
        padding: 0.20rem 0.50rem;
    }
</style>

<div class="content-header row">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="/Dashboard/Index">Home</a>
            </li>

            <li class="breadcrumb-item">
                <a href="javascript:void(0)">Domestic</a>
            </li>

            <li class="breadcrumb-item active">
                My Bookings
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">My Bookings</h4>
                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                <div class="heading-elements">
                    <ul class="list-inline mb-0">
                        <li>
                            <a href="/DomesticShipment/Pickups" class="btn btn-outline-primary" style="padding: 5px 8px 5px 8px;"><i class="icon-print"></i> Manifest</a>
                        </li>
                        <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                        <li><a data-action="reload"><i class="icon-reload"></i></a></li>
                        <li><a data-action="expand"><i class="icon-expand2"></i></a></li>
                    </ul>
                </div>
                @*<div id="ShipmentFilter" class="row">
                    <div class="form-group">
                        <div class="col-md-3">
                            @Html.Label("Date", htmlAttributes: new { @class = "" })                          
                            <input type="text"   class = "custom-select date-range-picker block filterdata"/>
                            @Html.ValidationMessage("Date", "", new { @class = "text-danger" })
                        </div>
                    </div>
                   
                </div>*@
            </div>
            <div class="card-body collapse in">
                <div class="card-block">
                    <div class="row" id="MainOptions">
                        <div class="col-md-12">
                            <div class="btn-group" role="group">
                                <a href="javascript:void(0)" data-val="" class="btn btn-outline-primary btnDataForShipment active">All</a>
                                @foreach (var item in ViewBag.StatusForNav)
                                {
                                    <a href="javascript:void(0)" data-val="@item.Id" class="btn btn-outline-primary btnDataForShipment">@item.Name</a>
                                }
                            </div>
                        </div>
                    </div>
                    <div class="row" hidden="hidden" id="SecondOptions">
                        <div class="col-md-10">
                            <div class="btn-group" role="group">
                                @*<a href="#" id="btnLoadSheet" class="btn btn-outline-primary"><span><i class="icon-print small"></i></span> Generate Load Sheet</a>*@
                                <a href="#" id="btnPrintMultiple" class="btn btn-outline-primary"><span><i class="icon-print small"></i></span> Print AWB</a>
                                <a href="javascript:void(0)" id="BtnGeneratePickUpRequest" class="btn btn-outline-primary"><span><i class="icon-truck small"></i></span> Pick-up Request</a>
                                @*   <a href="#" onclick="VarifyCancellation()" class="btn btn-outline-primary"><span><i class="icon-cancel-circle red small"></i></span> Cancel</a>*@
                                @*<a href="#" onclick="VarifyCancellation()" class="btn btn-outline-primary">Cancel</a>*@

                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="table-responsive">
                        <table class="table table-condensed table-bordered table-hover" id="dgvShipment" style="width:100%">

                            <thead class="thead-default">

                                <tr>
                                    <th><input name="select_all" value="1" id="select-all" type="checkbox" /></th>
                                    <th>Booking Date</th>
                                    <th>CN#</th>
                                    <th>Shipper</th>
                                    <th>Cosignee</th>
                                    <th>Origin</th>
                                    <th>Destination</th>
                                    <th>Order Id</th>
                                    <th>Mobile</th>
                                    <th>COD(PKR)</th>
                                    <th>Status</th>
                                    <th>Reports</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th></th>
                                    <th>Booking Date</th>
                                    <th>CN#</th>
                                    <th>Shipper</th>
                                    <th>Cosignee</th>
                                    <th>Origin</th>
                                    <th>Destination</th>
                                    <th>Order Id</th>
                                    <th>Mobile</th>
                                    <th>COD(PKR)</th>
                                    <th>Status</th>
                                    <th>Reports</th>
                                </tr>
                            </tfoot>
                            <tbody></tbody>

                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade text-xs-left" id="StatusModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
    <div class="modal-dialog modal-sm" role="document">
        <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" id="myModalLabel2">Update Status</h4>
            </div>
            <div class="modal-body" id="AddressBookModalBody">
                <form role="form" id="status-form">
                    <div class="form-group">
                        <input type="text" name="Location" required class="form-control square typeahead-remote" id="Location" placeholder="Location" />
                    </div>
                    <div class="form-group">
                        <input type="text" name="Remarks" id="Remarks" class="form-control square" placeholder="Remarks" />

                    </div>
                    <div class="form-group">
                        @Html.DropDownList("StatusId", null, "--Select Status--", new { @class = "form-control square", @required = "required" })
                    </div>
                    <button type="button" class="btn btn-primary btn-block" id="btnSelected">Apply Selected</button>

                </form>

            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>
<div class="modal fade text-xs-left" id="DomesticShipmentModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <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" id="myModalLabel2"></h4>
            </div>
            <div class="modal-body">

                <table class="table table-condensed table-bordered table-hover" id="dgvExisting" style="width:100%">
                    <thead class="thead-default">

                        <tr>
                            <th><input name="select_all_send" value="1" id="select-all-send" type="checkbox" /></th>
                            <th>Shipper</th>
                            <th>Cosignee</th>
                            <th>Origin</th>
                            <th>Destination</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th></th>
                            <th>Shipper</th>
                            <th>Cosignee</th>
                            <th>Origin</th>
                            <th>Destination</th>
                        </tr>
                    </tfoot>
                    <tbody></tbody>

                </table>

            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" disabled id="Save">Send</button>
                <button type="button" class="btn btn-secondary cursor-pointer" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>



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


        jQuery.validator.setDefaults({
            debug: true,
            errorClass: 'has-error',
            validClass: 'success',
            errorElement: "span",

            // add error class
            highlight: function (element, errorClass, validClass) {
                $(element).parents("div.form-group")
                    .addClass(errorClass)
                    .removeClass(validClass);
            },

            // add error class
            unhighlight: function (element, errorClass, validClass) {
                $(element).parents(".has-error")
                    .removeClass(errorClass)
                    .addClass(validClass);
            },

            // submit handler
            submitHandler: function (form) {
                form.submit();
            }
        });

        $(document).ready(function () {

            var table;
            var PickupRequests;
            var Shipmentds = [];
            var DomesticShipment = [];
            getData(null, null, null);

            $("#BtnFilter").on("click", function () {
                alert("Fired");
                $("#ShipmentFilter").toggle();
            });

            $("#BtnGeneratePickUpRequest").on("click", function () {
                var result = confirm("Are You Sure! Want to Generate Pickup Request");
                if (result) {
                    window.location = "/DomesticShipment/GeneratePickupRequest?Ids=" + Shipmentds;
                }

                //$.ajax({
                //    url: "/DomesticShipment/GeneratePickupRequest",
                //    method: "POST",
                //    data: { Ids: Shipmentds },
                //    success: function (response) {

                //    },
                //    error: function (err) {

                //    }
                //});
            });

            $(".btnDataForShipment").on("click", function () {
                $(".btnDataForShipment").removeClass("active");
                var id = $(this).attr("data-val");
                getData(id);
            });

            $('#txtDateFrom').on('change', function () {
                var dateFrom = $('#txtDateFrom').val();
                var dateTo = $('#txtDateTo').val();
                getData(null, dateFrom, dateTo);
            });

            $('#txtDateTo').on('change', function () {
                var dateFrom = $('#txtDateFrom').val();
                var dateTo = $('#txtDateTo').val();
                getData(null, dateFrom, dateTo);
            });

            function getData(status) {

                table = $('#dgvShipment').DataTable({
                    "serverSide": true,
                    "ajax": {
                        "type": "POST",
                        "url": '/DomesticShipment/AllShipments?statusId=' + status,
                        "contentType": 'application/json; charset=utf-8',
                        'data': function (data) { return data = JSON.stringify(data); }
                    },
                    "processing": true,
                    "paging": true,
                    "deferRender": true,
                    "destroy": true,
                    "order": [1, "desc"],
                    "columns": [
                        {
                            'data': 'TrackingId',
                            'searchable': false,
                            'sortable': false,
                            'render': function (Id) {
                                return "<input type='checkbox'  name='TrackingIds[]' value='" + Id + "' class='js-Select' />";
                            }
                        },
                        {
                            'data': 'BookingDate',
                            'render': function (deliveryDate) {
                                var date = new Date(parseInt(deliveryDate.substr(6)));
                                var month = date.getMonth() + 1;
                                return date.getDate() + "/" + month + "/" + date.getFullYear();
                            }
                        },

                        {
                            'data': 'TrackingId'
                        },
                        { 'data': 'SenderName' },
                        {
                            'data': 'ReceiverName'
                        },
                        { 'data': 'SenderAddress.CityId' },
                        { 'data': 'ReceiverAddress.CityId' },
                        {
                            'data': 'ShipmentId'
                        },
                        {
                            'data': 'SenderAddress.Mobile'
                        },
                        {
                            'data': 'TotalCost'
                        },
                        {
                            'data': 'StatusName',
                            'searchable': false,
                            'sortable': false
                        },
                        {
                            'data': 'TrackingId',
                            'searchable': false,
                            'sortable': false,
                            'render': function (TrackingId) {
                                return "<a href='/DomesticShipment/PrintAWB?Id=" + TrackingId + "' target='_blank' data-Shipment-id='" + TrackingId + "' class='btn btn-icon btn-pure js-Print2' data-placement='top' data-toggle='tooltip' title='Print Performa' style='padding:5px 0px'><i class='icon-printer3 success'></i></a> ";
                            }
                        },
                    ]
                });

            }


            $('#btnLoadSheet').prop("disabled", true).on('click', function () {

                var postData = { values: Shipmentds };
                $.ajax({
                    type: "POST",
                    url: '/DomesticShipment/LoadSheet',
                    data: postData,
                    dataType: 'json',
                    beforeSend: function () {
                        $('#btnLoadSheet').prop('disabled', true);
                    },
                    success: function (data) {
                        if (data.success) {
                            window.open('/DomesticShipment/PrintLoadSheet?value=' + data.value, '_blank');
                        }
                    },
                    error: function (jqXHR) {
                        MyAlert("Warning", "Bad Request", "danger", "icon-ios-close-outline");
                    },
                    complete: function () {
                        $('#btnLoadSheet').prop('disabled', false);
                    }
                });
            });


            $('#btnPrintMultiple').prop("disabled", true).on('click', function () {

                var postData = { values: Shipmentds };
                $.ajax({
                    type: "POST",
                    url: '/DomesticShipment/LoadSheet',
                    data: postData,
                    dataType: 'json',
                    beforeSend: function () {
                        $('#btnLoadSheet').prop('disabled', true);
                    },
                    success: function (data) {
                        if (data.success) {
                            window.open('/DomesticShipment/AirWayBill?value=' + data.value, '_blank');
                        }
                    },
                    error: function (jqXHR) {
                        MyAlert("Warning", "Bad Request", "danger", "icon-ios-close-outline");
                    },
                    complete: function () {
                        $('#btnLoadSheet').prop('disabled', false);
                    }
                });
            });

            $('#select-all').on('click', function () {
                // Check/uncheck all checkboxes in the table

                var rows = table.rows({ 'search': 'applied' }).nodes();
                $('input[type="checkbox"]', rows).prop('checked', this.checked);

                if (this.checked) {
                    $(rows).each(function () {
                        var id = $(this).find('input[type="checkbox"]').val();
                        Shipmentds.push(id);
                    })
                }
                else {
                    Shipmentds.length = 0;
                }
                ActiveLoadSheetButton(Shipmentds);
            });

            $('#dgvShipment tbody').on('change', 'input[type="checkbox"]', function () {
                // If checkbox is not checked
                if (!this.checked) {
                    var el = $('#select-all').get(0);
                    // If "Select all" control is checked and has 'indeterminate' property
                    if (el && el.checked && ('indeterminate' in el)) {
                        // Set visual state of "Select all" control
                        // as 'indeterminate'
                        el.indeterminate = true;

                    }
                    var index = Shipmentds.indexOf($(this).val());
                    if (index > -1) {
                        Shipmentds.splice(index, 1);
                    }

                }
                else {

                    Shipmentds.push($(this).val());

                }
                ActiveLoadSheetButton(Shipmentds);
            });

            function ActiveLoadSheetButton(list) {
                if (list.length > 0) {
                    $('#SecondOptions').prop('hidden', false);
                    $('#MainOptions').prop('hidden', true);
                    $('#btnLoadSheet').prop('disabled', false);
                    $('#btnStatus').prop('disabled', false);
                    $('#btnPrintMultiple').prop('disabled', false);

                }
                else {
                    $('#SecondOptions').prop('hidden', true);
                    $('#MainOptions').prop('hidden', false);
                    $('#btnLoadSheet').prop('disabled', true);
                    $('#btnStatus').prop('disabled', true);
                    $('#btnPrintMultiple').prop('disabled', true);
                }
            }


            $('#Save').on('click', function () {
                SaveInShipment(DomesticShipment);
            });


            $('#btnDomestic').on('click', function () {
                var modal = $('#DomesticShipmentModel').modal('show');
                modal.find('.modal-title').html('<i class="icon-truck"></i> Send Pickup Request');
                LoadExisting();
            });
            $('#DomesticShipmentModel').on('shown.bs.modal', function () {
                $('.input-sm').focus();
            })

            function LoadExisting(type) {
                $.ajax({

                    type: "GET",
                    url: '/DomesticShipment/GetPendingShipments',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        PickupRequests = $('#dgvExisting').DataTable({
                            destroy: true,
                            data: data,
                            columns: [
                                {
                                    'data': 'TrackingId',
                                    'searchable': false,
                                    'sortable': false,
                                    'render': function (Id) {
                                        return "<input type='checkbox'  name='ShipmentId[]' value='" + Id + "' class='js-Select' />";
                                    }
                                },
                                { 'data': 'SenderName' },
                                { 'data': 'ReceiverName' },
                                { 'data': 'SenderAddress.CityId' },
                                { 'data': 'ReceiverAddress.CityId' }
                            ]
                        });
                    },
                    failure: function () {
                        alert("Failed!");
                    }
                });
            }

            $('#select-all-send').on('click', function () {
                // Check/uncheck all checkboxes in the table
                debugger
                var rows = PickupRequests.rows({ 'search': 'applied' }).nodes();
                $('input[type="checkbox"]', rows).prop('checked', this.checked);

                if (this.checked) {
                    $(rows).each(function () {
                        var id = $(this).find('input[type="checkbox"]').val();
                        DomesticShipment.push(id);
                    })
                }
                else {
                    DomesticShipment.length = 0;
                }
                ActiveSendRequestBtn(DomesticShipment);
            });


            $('#dgvExisting tbody').on('change', 'input[type="checkbox"]', function () {

                // If checkbox is not checked
                if (!this.checked) {
                    var el = $('#select-all-send').get(0);
                    // If "Select all" control is checked and has 'indeterminate' property
                    if (el && el.checked && ('indeterminate' in el)) {
                        // Set visual state of "Select all" control
                        // as 'indeterminate'
                        el.indeterminate = true;

                    }
                    var index = DomesticShipment.indexOf($(this).val());
                    if (index > -1) {
                        DomesticShipment.splice(index, 1);
                        console.log(DomesticShipment);
                    }

                }
                else {

                    DomesticShipment.push($(this).val());

                }
                ActiveSendRequestBtn(DomesticShipment);
            });

            function ActiveSendRequestBtn(objD) {
                if (objD.length > 0) {
                    $('#Save').prop('disabled', false);

                }
                else {
                    $('#Save').prop('disabled', true);
                }
            }

            //Status Update

            $('#btnStatus').prop("disabled", true).on('click', function () {
                $('#StatusModal').modal('show');
            })


            $('#Location').on('blur', function () {

                if (!$(this).val()) {
                    $(this).parents('div.form-group').addClass('has-danger');
                }
                else {
                    $(this).parents('div.form-group').removeClass('has-danger').addClass('has-success');

                }
            });

            $('#StatusId').on('blur', function () {
                if (!$(this).val()) {
                    $(this).parents('div.form-group').addClass('has-danger');
                }
                else {
                    $(this).parents('div.form-group').removeClass('has-danger').addClass('has-success');
                }

            });


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

                    if (!$('#Location').val()) {
                        $('#Location').parents('div.form-group').addClass('has-danger');
                    }
                    else if (!$('#StatusId').val()) {
                        $('#StatusId').parents('div.form-group').addClass('has-danger');
                    }
                    else {
                        OnSubmit('#status-form');
                    }

                });
            });



            function OnSubmit(form) {

                var trackobj = {
                    StatusId: $('#StatusId').val(),
                    Location: $('#Location').val(),
                    Remarks: $('#Remarks').val()
                };
                var postData = { values: Shipmentds, trackDetail: trackobj };
                $.ajax({
                    type: "POST",
                    url: '/Shipments/UpdateStatus',
                    data: postData,
                    dataType: 'json',
                    beforeSend: function () {
                        $('#btnSelected').prop('disabled', true);
                    },
                    success: function (data) {
                        if (data.success) {
                            $('#StatusModal').modal('hide');
                            $('#StatusId').find('option:first').attr('selected', true);
                            $('#Location').val("");
                            $('#Remarks').val("");
                            MyAlert("Good!", "Status Update successfully...!", "success", "icon-check-circle-o");
                            setTimeout(function () {
                                window.location.reload();
                            }, 2000)


                        }

                    },
                    error: function (jqXHR) {
                        if (jqXHR.status == 400) {
                            $('#StatusModal').modal('hide');
                            MyAlert("Warning", "Bad Request", "danger", "icon-ios-close-outline");
                            $('#StatusId').find('option:first').attr('selected', 'selected');
                            $('#Location').val("");
                            $('#Remarks').val("");
                        }
                    },
                    complete: function () {
                        $('#btnSelected').prop('disabled', false);
                    }
                });
            }

            //End- Ready
        });

        function SaveInShipment(DomesticShipment) {
            if (DomesticShipment.length > 0) {
                var confrm = confirm("Are You Sure Want To Sent!");
                if (confrm) {
                    var data = { Id: DomesticShipment }
                    $.ajax({
                        url: '/DomesticShipment/SendShipment',
                        method: "Post",
                        data: data,
                        success: function (data) {
                            if (data == true) {
                                $('#DomesticShipmentModel').modal('hide');
                                window.location.reload();
                            } else {
                                alert("already Sent");
                                $('#DomesticShipmentModel').modal('hide');
                            }

                        },
                        error: function (err) {
                            $('#DomesticShipmentModel').modal('hide');
                        }
                    });
                }
            }
        }

    </script>


}

@Html.Raw(TempData["msg"])





































































@*@model IEnumerable<ParcelWeb.Core.Domain.DomesticShipment>

    @{
        ViewBag.Title = "My Bookings";
    }

    <style>
        .table th, .table td {
            padding: 0.20rem 0.50rem;
        }
    </style>

    <div class="content-header row">
        <div class="breadcrumb-wrapper col-xs-12">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="/Dashboard/Index">Home</a>
                </li>

                <li class="breadcrumb-item">
                    <a href="javascript:void(0)">Domestic</a>
                </li>

                <li class="breadcrumb-item active">
                    My Bookings
                </li>
            </ol>
        </div>
    </div>


    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">My Bookings</h4>
                    <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>

                    <div class="heading-elements">
                        <ul class="list-inline mb-0">
                            <li>
                                <button type="button" id="btnDomestic" class="btn btn-sm"><i class="icon-circle-check"></i> Send Pickup Request</button>
                            </li>
                            <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                            <li><a data-action="reload"><i class="icon-reload"></i></a></li>
                            <li><a data-action="expand"><i class="icon-expand2"></i></a></li>

                        </ul>
                    </div>
                </div>
                <div class="card-body collapse in">
                    <div class="card-block">
                        <div class="row">
                            <div class="col-md-12">
                                <table>
                                    <tr>
                                        <td>
                                            <label>From Date: </label>
                                        </td>
                                        <td>
                                            <input type="text" id="txtDateFrom" class="date" />
                                        </td>
                                        <td>
                                            &nbsp; <label>To Date: </label>
                                        </td>
                                        <td>
                                            <input type="text" id="txtDateTo" class="date js-date" />
                                        </td>
                                        <td>
                                            &nbsp; <button type="button" id="btnLoadSheet" style="cursor:pointer" class="" disabled><i class="icon-print"></i> Generate Load Sheet</button>
                                            &nbsp;<button type="button" id="btnPrintMultiple" class=""><i class="icon-print"></i> Print AWB</button>
                                        </td>

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


                        </div>

                        <br />
                        <div class="table-responsive">
                            <table class="table table-condensed table-bordered table-hover" id="dgvShipment" style="width:100%">

                                <thead class="thead-default">

                                    <tr>
                                        <th><input name="select_all" value="1" id="select-all" type="checkbox" /></th>
                                        <th>Booking Date</th>
                                        <th>CN#</th>
                                        <th>Shipper</th>
                                        <th>Cosignee</th>
                                        <th>Origin</th>
                                        <th>Destination</th>
                                        <th>Order Id</th>
                                        <th>Mobile</th>
                                        <th>COD(PKR)</th>
                                        <th>Status</th>
                                        <th>Reports</th>
                                    </tr>
                                </thead>
                                <tfoot>
                                    <tr>
                                        <th></th>
                                        <th>Booking Date</th>
                                        <th>CN#</th>
                                        <th>Shipper</th>
                                        <th>Cosignee</th>
                                        <th>Origin</th>
                                        <th>Destination</th>
                                        <th>Order Id</th>
                                        <th>Mobile</th>
                                        <th>COD(PKR)</th>
                                        <th>Status</th>
                                        <th>Reports</th>
                                    </tr>
                                </tfoot>
                                <tbody></tbody>

                            </table>
                        </div>



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

    <div class="modal fade text-xs-left" id="StatusModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
        <div class="modal-dialog modal-sm" role="document">
            <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" id="myModalLabel2">Update Status</h4>
                </div>
                <div class="modal-body" id="AddressBookModalBody">
                    <form role="form" id="status-form">
                        <div class="form-group">
                            <input type="text" name="Location" required class="form-control square typeahead-remote" id="Location" placeholder="Location" />
                        </div>
                        <div class="form-group">
                            <input type="text" name="Remarks" id="Remarks" class="form-control square" placeholder="Remarks" />

                        </div>
                        <div class="form-group">
                            @Html.DropDownList("StatusId", null, "--Select Status--", new { @class = "form-control square", @required = "required" })
                        </div>
                        <button type="button" class="btn btn-primary btn-block" id="btnSelected">Apply Selected</button>

                    </form>

                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>




    <div class="modal fade text-xs-left" id="DomesticShipmentModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <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" id="myModalLabel2"></h4>
                </div>
                <div class="modal-body">

                    <table class="table table-condensed table-bordered table-hover" id="dgvExisting" style="width:100%">
                        <thead class="thead-default">

                            <tr>
                                <th><input name="select_all_send" value="1" id="select-all-send" type="checkbox" /></th>
                                <th>Shipper</th>
                                <th>Cosignee</th>
                                <th>Origin</th>
                                <th>Destination</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th></th>
                                <th>Shipper</th>
                                <th>Cosignee</th>
                                <th>Origin</th>
                                <th>Destination</th>
                            </tr>
                        </tfoot>
                        <tbody></tbody>

                    </table>

                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary" disabled id="Save">Send</button>
                    <button type="button" class="btn btn-secondary cursor-pointer" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>



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


            jQuery.validator.setDefaults({
                debug: true,
                errorClass: 'has-error',
                validClass: 'success',
                errorElement: "span",

                // add error class
                highlight: function (element, errorClass, validClass) {
                    $(element).parents("div.form-group")
                        .addClass(errorClass)
                        .removeClass(validClass);
                },

                // add error class
                unhighlight: function (element, errorClass, validClass) {
                    $(element).parents(".has-error")
                        .removeClass(errorClass)
                        .addClass(validClass);
                },

                // submit handler
                submitHandler: function (form) {
                    form.submit();
                }
            });

            $(document).ready(function () {

                var table;
                var PickupRequests;
                var Shipmentds = [];
                var DomesticShipment = [];
                getData(null, null, null);


                $('#txtDateFrom').on('change', function () {
                    var dateFrom = $('#txtDateFrom').val();
                    var dateTo = $('#txtDateTo').val();
                    getData(null, dateFrom, dateTo);
                });

                $('#txtDateTo').on('change', function () {
                    var dateFrom = $('#txtDateFrom').val();
                    var dateTo = $('#txtDateTo').val();
                    getData(null, dateFrom, dateTo);
                });

                function getData(status, dateFrom, dateTo) {

                    table = $('#dgvShipment').DataTable({
                        "serverSide": true,
                        "ajax": {
                            "type": "POST",
                            "url": '/DomesticShipment/AllShipments?statusId=' + status + '&fromDate=' + dateFrom + '&toDate=' + dateTo,
                            "contentType": 'application/json; charset=utf-8',
                            'data': function (data) { return data = JSON.stringify(data); }
                        },

                        "processing": true,
                        "paging": true,
                        "deferRender": true,
                        "destroy": true,
                        "order": [1, "desc"],
                        "columns": [
                            {
                                'data': 'TrackingId',
                                'searchable': false,
                                'sortable': false,
                                'render': function (Id) {
                                    return "<input type='checkbox'  name='TrackingIds[]' value='" + Id + "' class='js-Select' />";
                                }
                            },
                            {
                                'data': 'BookingDate',
                                'render': function (deliveryDate) {
                                    var date = new Date(parseInt(deliveryDate.substr(6)));
                                    var month = date.getMonth() + 1;
                                    return date.getDate() + "/" + month + "/" + date.getFullYear();
                                }
                            },

                            {
                                'data': 'TrackingId'
                            },
                            { 'data': 'SenderName' },
                            {
                                'data': 'ReceiverName'
                            },
                            { 'data': 'SenderAddress.CityId' },
                            { 'data': 'ReceiverAddress.CityId' },
                            {
                                'data': 'RefNo'
                            },
                            {
                                'data': 'SenderAddress.Mobile'
                            },
                            {
                                'data': 'TotalCost'
                            },
                            {
                                'data': 'StatusName',
                                'searchable': false,
                                'sortable': false
                            },
                            {
                                'data': 'TrackingId',
                                'searchable': false,
                                'sortable': false,
                                'render': function (TrackingId) {
                                    return "<a href='/DomesticShipment/PrintAWB?Id=" + TrackingId + "' target='_blank' data-Shipment-id='" + TrackingId + "' class='btn btn-icon btn-pure js-Print2' data-placement='top' data-toggle='tooltip' title='Print Performa' style='padding:5px 0px'><i class='icon-printer3 success'></i></a> ";
                                }
                            },


                        ]
                    });

                }


                $('#btnLoadSheet').prop("disabled", true).on('click', function () {

                    var postData = { values: Shipmentds };
                    $.ajax({
                        type: "POST",
                        url: '/DomesticShipment/LoadSheet',
                        data: postData,
                        dataType: 'json',
                        beforeSend: function () {
                            $('#btnLoadSheet').prop('disabled', true);
                        },
                        success: function (data) {
                            if (data.success) {
                                window.open('/DomesticShipment/PrintLoadSheet?value=' + data.value, '_blank');
                            }
                        },
                        error: function (jqXHR) {
                            MyAlert("Warning", "Bad Request", "danger", "icon-ios-close-outline");
                        },
                        complete: function () {
                            $('#btnLoadSheet').prop('disabled', false);
                        }
                    });
                });


                $('#btnPrintMultiple').prop("disabled", true).on('click', function () {

                    var postData = { values: Shipmentds };
                    $.ajax({
                        type: "POST",
                        url: '/DomesticShipment/LoadSheet',
                        data: postData,
                        dataType: 'json',
                        beforeSend: function () {
                            $('#btnLoadSheet').prop('disabled', true);
                        },
                        success: function (data) {
                            if (data.success) {
                                window.open('/DomesticShipment/AirWayBill?value=' + data.value, '_blank');
                            }
                        },
                        error: function (jqXHR) {
                            MyAlert("Warning", "Bad Request", "danger", "icon-ios-close-outline");
                        },
                        complete: function () {
                            $('#btnLoadSheet').prop('disabled', false);
                        }
                    });
                });

                $('#select-all').on('click', function () {
                    // Check/uncheck all checkboxes in the table

                    var rows = table.rows({ 'search': 'applied' }).nodes();
                    $('input[type="checkbox"]', rows).prop('checked', this.checked);

                    if (this.checked) {
                        $(rows).each(function () {
                            var id = $(this).find('input[type="checkbox"]').val();
                            Shipmentds.push(id);
                        })
                    }
                    else {
                        Shipmentds.length = 0;
                    }
                    ActiveLoadSheetButton(Shipmentds);
                });

                $('#dgvShipment tbody').on('change', 'input[type="checkbox"]', function () {
                    // If checkbox is not checked
                    if (!this.checked) {
                        var el = $('#select-all').get(0);
                        // If "Select all" control is checked and has 'indeterminate' property
                        if (el && el.checked && ('indeterminate' in el)) {
                            // Set visual state of "Select all" control
                            // as 'indeterminate'
                            el.indeterminate = true;

                        }
                        var index = Shipmentds.indexOf($(this).val());
                        if (index > -1) {
                            Shipmentds.splice(index, 1);
                        }

                    }
                    else {

                        Shipmentds.push($(this).val());

                    }
                    ActiveLoadSheetButton(Shipmentds);
                });

                function ActiveLoadSheetButton(list) {
                    if (list.length > 0) {
                        $('#btnLoadSheet').prop('disabled', false);
                        $('#btnStatus').prop('disabled', false);
                        $('#btnPrintMultiple').prop('disabled', false);

                    }
                    else {
                        $('#btnLoadSheet').prop('disabled', true);
                        $('#btnStatus').prop('disabled', true);
                        $('#btnPrintMultiple').prop('disabled', true);
                    }
                }


                $('#Save').on('click', function () {
                    SaveInShipment(DomesticShipment);
                });


                $('#btnDomestic').on('click', function () {
                    var modal = $('#DomesticShipmentModel').modal('show');
                    modal.find('.modal-title').html('<i class="icon-truck"></i> Send Pickup Request');
                    LoadExisting();
                });
                $('#DomesticShipmentModel').on('shown.bs.modal', function () {
                    $('.input-sm').focus();
                })

                function LoadExisting(type) {
                    $.ajax({

                        type: "GET",
                        url: '/DomesticShipment/GetPendingShipments',
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (data) {
                            PickupRequests = $('#dgvExisting').DataTable({
                                destroy: true,
                                data: data,
                                columns: [
                                    {
                                        'data': 'TrackingId',
                                        'searchable': false,
                                        'sortable': false,
                                        'render': function (Id) {
                                            return "<input type='checkbox'  name='ShipmentId[]' value='" + Id + "' class='js-Select' />";
                                        }
                                    },
                                    { 'data': 'SenderName' },
                                    { 'data': 'ReceiverName' },
                                    { 'data': 'SenderAddress.CityId' },
                                    { 'data': 'ReceiverAddress.CityId' }
                                ]
                            });
                        },
                        failure: function () {
                            alert("Failed!");
                        }
                    });
                }

                $('#select-all-send').on('click', function () {
                    // Check/uncheck all checkboxes in the table
                    debugger
                    var rows = PickupRequests.rows({ 'search': 'applied' }).nodes();
                    $('input[type="checkbox"]', rows).prop('checked', this.checked);

                    if (this.checked) {
                        $(rows).each(function () {
                            var id = $(this).find('input[type="checkbox"]').val();
                            DomesticShipment.push(id);
                        })
                    }
                    else {
                        DomesticShipment.length = 0;
                    }
                    ActiveSendRequestBtn(DomesticShipment);
                });


                $('#dgvExisting tbody').on('change', 'input[type="checkbox"]', function () {

                    // If checkbox is not checked
                    if (!this.checked) {
                        var el = $('#select-all-send').get(0);
                        // If "Select all" control is checked and has 'indeterminate' property
                        if (el && el.checked && ('indeterminate' in el)) {
                            // Set visual state of "Select all" control
                            // as 'indeterminate'
                            el.indeterminate = true;

                        }
                        var index = DomesticShipment.indexOf($(this).val());
                        if (index > -1) {
                            DomesticShipment.splice(index, 1);
                            console.log(DomesticShipment);
                        }

                    }
                    else {

                        DomesticShipment.push($(this).val());

                    }
                    ActiveSendRequestBtn(DomesticShipment);
                });

                function ActiveSendRequestBtn(objD) {
                    if (objD.length > 0) {
                        $('#Save').prop('disabled', false);

                    }
                    else {
                        $('#Save').prop('disabled', true);
                    }
                }

                //Status Update

                $('#btnStatus').prop("disabled", true).on('click', function () {
                    $('#StatusModal').modal('show');
                })


                $('#Location').on('blur', function () {

                    if (!$(this).val()) {
                        $(this).parents('div.form-group').addClass('has-danger');
                    }
                    else {
                        $(this).parents('div.form-group').removeClass('has-danger').addClass('has-success');

                    }
                });

                $('#StatusId').on('blur', function () {
                    if (!$(this).val()) {
                        $(this).parents('div.form-group').addClass('has-danger');
                    }
                    else {
                        $(this).parents('div.form-group').removeClass('has-danger').addClass('has-success');
                    }

                });


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

                        if (!$('#Location').val()) {
                            $('#Location').parents('div.form-group').addClass('has-danger');
                        }
                        else if (!$('#StatusId').val()) {
                            $('#StatusId').parents('div.form-group').addClass('has-danger');
                        }
                        else {
                            OnSubmit('#status-form');
                        }

                    });
                });



                function OnSubmit(form) {

                    var trackobj = {
                        StatusId: $('#StatusId').val(),
                        Location: $('#Location').val(),
                        Remarks: $('#Remarks').val()
                    };
                    var postData = { values: Shipmentds, trackDetail: trackobj };
                    $.ajax({
                        type: "POST",
                        url: '/Shipments/UpdateStatus',
                        data: postData,
                        dataType: 'json',
                        beforeSend: function () {
                            $('#btnSelected').prop('disabled', true);
                        },
                        success: function (data) {
                            if (data.success) {
                                $('#StatusModal').modal('hide');
                                $('#StatusId').find('option:first').attr('selected', true);
                                $('#Location').val("");
                                $('#Remarks').val("");
                                MyAlert("Good!", "Status Update successfully...!", "success", "icon-check-circle-o");
                                setTimeout(function () {
                                    window.location.reload();
                                }, 2000)


                            }

                        },
                        error: function (jqXHR) {
                            if (jqXHR.status == 400) {
                                $('#StatusModal').modal('hide');
                                MyAlert("Warning", "Bad Request", "danger", "icon-ios-close-outline");
                                $('#StatusId').find('option:first').attr('selected', 'selected');
                                $('#Location').val("");
                                $('#Remarks').val("");
                            }
                        },
                        complete: function () {
                            $('#btnSelected').prop('disabled', false);
                        }
                    });
                }

                //End- Ready
            });

            function SaveInShipment(DomesticShipment) {
                if (DomesticShipment.length > 0) {
                    var confrm = confirm("Are You Sure Want To Sent!");
                    if (confrm) {
                        var data = { Id: DomesticShipment }
                        $.ajax({
                            url: '/DomesticShipment/SendShipment',
                            method: "Post",
                            data: data,
                            success: function (data) {
                                if (data == true) {
                                    $('#DomesticShipmentModel').modal('hide');
                                    window.location.reload();
                                } else {
                                    alert("already Sent");
                                    $('#DomesticShipmentModel').modal('hide');
                                }

                            },
                            error: function (err) {
                                $('#DomesticShipmentModel').modal('hide');
                            }
                        });
                    }
                }
            }

        </script>


    }

    @Html.Raw(TempData["msg"])*@