@if(session('role') == 'courier_customer')
@include('common.courier_customer_header')
@else
@include('common.header')
@endif

<section class="content">
@include('alert.alert_panel')
    <div class="row">
        <div id="load-overlay" name="load-overlay" style="display:none;">
            <div id="loader" ></div>
            <div id="overlay"></div>
        </div>
    </div>
    

   

        <div class="row">
            <div class="col-md-12">
                <div class="box box-warning">
                    <div class="box-header with-border col-md-offset-5">
                    <h3 class="box-title"><img class="img-responsive" style="width:20;height:30px;" src="{{ asset('example/logo_side_22_10_7.png') }}" /></h3>
                    </div>
                    <!-- /.box-header -->
                    <!-- form start -->
                    <form class="form-horizontal">
                    <div class="box-body">

                        <div class="form-group">
                        <div class="col-sm-10">
                                <div class="col-md-6 col-md-offset-4">
                                    <div class="input-group input-group-sm">
                                    <input type="text"  class="form-control" id="waybill-search" name ="waybill_search"/>
                                                <span class="input-group-btn">
                                                <a href="{{ url('/reports/waybill_report_search') }}" class="btn btn-primary  pull-right"><i class="fa fa-refresh"></i> NEW</a>
                                                </span>
                                    </div>
                                </div>
                                <div class="col-md-6 col-md-offset-4">
                                    <br>
                                    <input class="col-sm-2"type="radio" name="search-field" id="search-field" value="cn_no" checked>Search By CN / Seal Number /Unknow Shipment<br><br>
                                    <input class="col-sm-2" type="radio" name="search-field" id="search-field" value="ref1">Search By Reference Number<br><br>
                                    <input class="col-sm-2" type="radio" name="search-field" id="search-field" value="bbcode">Search By Baby Parcel No
                                </div>
                        </div>
                        </div>
                    
                    </div>
                    <!-- /.box-body -->
                    <div class="box-footer ">

                            <button type="button" class="btn bg-maroon btn-lg col-md-offset-5" id="search-button"onclick="waybill_details_search()"><i class="fa fa-search"></i> SEARCH NOW</button>
                    </div>
                    <!-- /.box-footer -->
                    </form>
                </div>
            </div>
        </div>

        <div class="row">
                <div  class="col-md-6">

                            <div class="box box-primary">
                                <div class="box-header">
                                <h3 class="box-title">Waybill Activity</h3>
                                <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body table-responsive no-padding">
                                <table class="table table-hover " id="waybill-activity-table" name = "waybill_activity_table">
                                    <tbody>
                                    <tr>
                                    <th>CN no</th>
                                    <th>Created On</th>
                                    <th>Scan By</th>
                                    <th>Last Activity</th>
                                    <th>Last Handling Warehouse</th>
                                    <th>Description</th>
                                    <th>Picture</th>
                                    </tr>
                                
                                </tbody></table>
                                </div>
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box -->

                
                            <div class="box box-success">
                                <div class="box-header">
                                <h3 class="box-title">Manifest and Consolidate Activity </h3>
                                <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body table-responsive no-padding" >
                                    <div class="overlay" id="manifest_activity_spin" hidden>
                                    <i class="fa fa-refresh fa-spin"></i>
                                    </div>
                                <table class="table table-hover" id="manifest-activity-table" name = "manifest_activity_table">
                                    <tbody><tr>
                                    <th>Docket / Seal Number</th>
                                    <th>Created On</th>
                                    <th>Last Activity</th>
                                    <th>Last Handling Warehouse</th>
                                    <th>Description</th>
                                    </tr>
                                </tbody></table>
                                </div>
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box -->

                            <div class="box box-danger">
                                <div class="box-header">
                                <h3 class="box-title">Baby Barcode Activity</h3>
                                <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body table-responsive no-padding">
                                    <div class="overlay" id="baby_code_activity_spin" hidden>
                                    <i class="fa fa-refresh fa-spin"></i>
                                    </div>
                                <table class="table table-hover" id="bb-activity-table" name = "bb_activity_table">
                                    <tbody><tr>
                                    <th>Docket / Seal Number</th>
                                    <th>Created On</th>
                                    <th>Scan By</th>
                                    <th>Last Activity</th>
                                    <th>Last Handling Warehouse</th>
                                    <th>Description</th>
                                    </tr>
                                </tbody></table>
                                </div>
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box -->
                        

                            
                </div>

                <div  class="col-md-6">
                            <div class="box box-primary">
                                <div class="box-header">
                                <h3 class="box-title">Waybill Details</h3>
                                <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body table-responsive no-padding">
                                <table class="table table-hover " id="waybill-details-table" name = "waybill_details_table">
                                    <tbody>
                                </tbody></table>
                                </div>
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box -->

                            <div class="box box-primary">
                                <div class="box-header">
                                <h3 class="box-title">Baby Parcel Details</h3>
                                <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                </div>
                                <!-- /.box-header -->
                                <div class="box-body table-responsive no-padding">
                                    <div class="overlay" id="baby_code_details_spin" hidden>
                                    <i class="fa fa-refresh fa-spin"></i>
                                    </div>
                                <table class="table table-hover " id="baby-parcel-details-table" name = "baby_parcel_details_table">
                                <thead><tr>
                                    <th>Baby Parcel Code</th>
                                    <th>Last Activity</th>
                                    <th>Last Handling Warehouse</th>
                                    </tr>
                                </thead>
                                    <tbody>
                                </tbody></table>
                                </div>
                                <!-- /.box-body -->
                            </div>
                            <!-- /.box -->
                </div>

        </div>





         <!-- Modal form to edit a post -->
         <div>   
        <div id="viewModal" class="modal fade" role="dialog">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">×</button>
                            <h4 class="modal-title"><b>Piture</b> Reference</h4>
                        </div>

                
                        <div class="modal-body">
                            <div>  
                                <div class="alert alert-warning alert-dismissible" id="edit-invalid-warning" style="display:none;">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <h4><i class="icon fa fa-warning"></i> Alert!</h4>
                                <p id="edit-invalid-warning-message"></p>
                            </div>
                            <form class="form-horizontal" role="form">


                                <div class="form-group">
                                    <div class="col-sm-6">
                                     <img src="" alt="img1_pic" id="img1" style="width:400px;height:500px;">
                                    </div>

                                    <div class="col-sm-6">
                                     <img src="" alt="img2_pic" id="img2" style="width:400px;height:500px;">
                                    </div>
                                </div>

                

                             
                         
                             
                            </form>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-warning" data-dismiss="modal">
                                    <span class='glyphicon glyphicon-remove'></span> Close
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


     
    </section>        
        
          

@include('common.footer')
<script> 



$('form input').on('keypress', function(e) {
    if(e.keyCode == 27)
    {
        waybill_details_search()
    }else{
        return e.which !== 13;
    }
   
    });

$( document ).ready(function() {
    //https://www.sitepoint.com/get-url-parameters-with-javascript/
    const queryString = window.location.search;
    var myParam       = new URLSearchParams(queryString);
    var waybillCN     = myParam.get('cn');
    if(waybillCN != null)
    {
        $("#waybill-search").val(waybillCN);
        waybill_details_search()
    }
    
});


function waybill_details_search()
    {     
     //AVTIVE LOADER
     $("#search-button").attr("disabled", true);
     $("#load-overlay").show();
            $.ajax(
            {
                type:"POST",//or POST
                url:"{{ URL::to('/waybills_tracking/get_waybills_details_and_activity') }}?cn="+$("#waybill-search").val()+"&code="+warehouseCode,
                data: {
                    '_token': "{{ csrf_token() }}",
                    'waybill_cn': $("#waybill-search").val(),
                    'search_field': $("input[name='search-field']:checked").val(),
                    // 'g-recaptcha-response':$("#g-recaptcha-response").val(),
                },
                success:function(responsedata)
                {
                    //console.log(responsedata);
                    //DEAVTIVE LOADED
                    $("#load-overlay").hide();  
                    if (responsedata.status=="ERROR")
                    {
                       var messages =""
                        for(var value in responsedata.errors_messages )
                        {
                          messages += responsedata.errors_messages[value]+ '<br>';
                        }
                        show_danger(messages)
                        $("#search-button").attr("disabled", false);
                    }
                        if (responsedata.status=="SUCCESS" )
                        {   
                            $("#search-button").attr("disabled", true);
                            $(".waybill-search-data").remove();
                            //append waybill activity 
                            for(i in responsedata.waybill_shipping_activity)
                            {
                                //first check is it null value 
                                var URL = (responsedata.waybill_shipping_activity[i].supported_photos!=null?responsedata.waybill_shipping_activity[i].supported_photos:"")
                                //second check is it empty string
                                URL = (URL!=""?JSON.parse(URL):"")
                                var podPic = URL.image1
                                var refPic = URL.image2
                                var viewOption = ""
                                
                                //from 24 SEP 2019 onward new json body will store to database to support new images URL
                                if( Array.isArray(URL))
                                {
                                    var podPic = URL[0].waybill
                                    var refPic = URL[1].waybill
                                    var viewOption = ""

                                }

                                if(podPic== undefined && refPic == undefined)
                                {
                                    viewOption = "disabled"
                                }

                                //if(responsedata.waybill_shipping_activity[i].shipment_type == "waybill")
                                //{
                                $('#waybill-activity-table').append("<tr class='item"+responsedata.waybill_shipping_activity[i].shipment_aux_id+" waybill-search-data'>"+
                                                "<td>"+responsedata.waybill_shipping_activity[i].shipment_aux_id+"</td>"+
                                                "<td>"+IOSDateToLocalDateString(responsedata.waybill_shipping_activity[i].created_at)+"</td>"+
                                                "<td>"+responsedata.waybill_shipping_activity[i].created_by+"</td>"+
                                                "<td>"+responsedata.waybill_shipping_activity[i].activity+"</td>"+
                                                "<td>"+responsedata.waybill_shipping_activity[i].handling_warehouse_id+"</td>"+
                                                "<td>"+responsedata.waybill_shipping_activity[i].description+"</td>"+
                                                "<td><button type='button' class='view-modal btn btn-warning' "+
                                                                                        " data-img1='"+podPic+"'"+
                                                                                        " data-img2='"+refPic+"')' "+viewOption+" ><i class='fa  fa-file-image-o'></i></button></td>"+
                                                "</tr>");
                                //}
                                
                             }
                           
                            //append waybill Details 
                             for(i in responsedata.waybill_details)
                             { 
                              if(i==0)
                              {
                                $('#waybill-details-table').append(
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>CN :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].cn_no+"</td>"+
                                                    "<th>Date :</th>"+
                                                    "<td>"+IOSDateToLocalDateString(responsedata.waybill_details[i].created_at)+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Origin :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].src+"</td>"+
                                                    "<th>Dest :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].dest+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Shipper Name :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].shipper_name+"</td>"+
                                                    "<th>Address :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].shipper_address+' '+responsedata.waybill_details[i].shipper_state+' '+responsedata.waybill_details[i].shipper_postcode+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Consignee Name :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_name+"</td>"+
                                                    "<th>Address :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_address+' '+responsedata.waybill_details[i].consignee_state+' '+responsedata.waybill_details[i].consignee_postcode+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Parcel Type :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].parcel_type+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<tr class='item waybill-search-data'>"+
                                                    "<th>Pcs :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].pc+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<tr class='item waybill-search-data'>"+
                                                    "<th>Weight :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].actual_weight+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Volumn Weight :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].volume_weight+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Contact Person :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_contact_name+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Phone Numner :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_contact_number+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Remarks :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].remark+"</td>"+
                                                "</tr>"+
                                                "<tr>"+
                                                "<th></th>"+
                                                    "<td></td>"+
                                                "</tr>"
                                            );
                              }else{
                                $('#waybill-details-table').append(
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>CN :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].cn_no+"</td>"+
                                                    "<th>Date :</th>"+
                                                    "<td>"+IOSDateToLocalDateString(responsedata.waybill_details[i].created_at)+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Origin :</th>"+
                                                    "<td>-</td>"+
                                                    "<th>Dest :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].dest+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Shipper Name :</th>"+
                                                    "<td>-</td>"+
                                                    "<th>Address :</th>"+
                                                    "<td>-</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Consignee Name :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_name+"</td>"+
                                                    "<th>Address :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_address+' '+responsedata.waybill_details[i].consignee_state+' '+responsedata.waybill_details[i].consignee_postcode+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Parcel Type :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].parcel_type+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<tr class='item waybill-search-data'>"+
                                                    "<th>Pcs :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].pc+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<tr class='item waybill-search-data'>"+
                                                    "<th>Weight :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].actual_weight+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Volumn Weight :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].volume_weight+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Contact Person :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_contact_name+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Phone Numner :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].consignee_contact_number+"</td>"+
                                                "</tr>"+
                                                "<tr class='item waybill-search-data'>"+
                                                    "<th>Remarks :</th>"+
                                                    "<td>"+responsedata.waybill_details[i].remark+"</td>"+
                                                "</tr>"+
                                                "<tr>"+
                                                "<th></th>"+
                                                    "<td></td>"+
                                                "</tr>"
                                            );

                              }

                                
                             }
                             


                             if(responsedata.waybill_details.length > 0)
                             {
                                get_manifest_activity_search(responsedata.waybill_details[0].cn_no)
                                $("#manifest_activity_spin").show();
                                $("#baby_code_activity_spin").show();
                                $("#baby_code_details_spin").show();
                             }
                             
                        }
                },  
                error: function( objAJAXRequest, strError )
                                    {       show_warning("Error "+strError+"<br>"+
                                                         "System is so busy please try again later");                             
                                            // alert('System is so busy  <br> Error: Failed code '+strError); 
                                            $("#load-overlay").hide();  
                                            $("#search-button").attr("disabled", false);
                                    },timeout: 15000 // sets timeout to 15 seconds
                });

}

function get_manifest_activity_search(cnNo)
    {     
     //AVTIVE LOADER
     $("#search-button").attr("disabled", true);
    
            $.ajax(
            {
                type:"POST",//or POST
                url:"{{ URL::to('/waybills_tracking/get_manifest_activity') }}?cn="+cnNo+"&code="+warehouseCode,
                data: {
                    '_token': "{{ csrf_token() }}",
                    'waybill_cn': cnNo,
                },
                success:function(responsedata)
                {
                    //console.log(responsedata);
                    //DEAVTIVE LOADED
                    $("#load-overlay").hide();  
                    if (responsedata.status=="ERROR")
                    {
                       var messages =""
                        for(var value in responsedata.errors_messages )
                        {
                          messages += responsedata.errors_messages[value]+ '<br>';
                        }
                        show_danger(messages)
                        $("#search-button").attr("disabled", false);
                    }
                        if (responsedata.status=="SUCCESS" )
                        {   

                            responsedata.container_shipping_activity = responsedata.container_shipping_activity.sort(compareValues('id', 'asc'))
                            //append manifest Activity
                            for(i in responsedata.container_shipping_activity)
                            {
            
                                $('#manifest-activity-table').append("<tr class='item"+responsedata.container_shipping_activity[i].shipment_aux_id+" waybill-search-data'>"+
                                                "<td>"+responsedata.container_shipping_activity[i].shipment_aux_id+"</td>"+
                                                "<td>"+IOSDateToLocalDateString(responsedata.container_shipping_activity[i].created_at)+"</td>"+
                                                "<td>"+responsedata.container_shipping_activity[i].activity+"</td>"+
                                                "<td>"+responsedata.container_shipping_activity[i].handling_warehouse_id+"</td>"+
                                                "<td>"+responsedata.container_shipping_activity[i].description+"</td>"+
                                                "</tr>");
                                
                             }
                             $("#manifest_activity_spin").hide();
                             get_baby_parcel_details_search(cnNo)

                        }
                },  
                error: function( objAJAXRequest, strError )
                                    {       show_warning("Error "+strError+"<br>"+
                                                         "System is so busy please try again later");                             
                                            // alert('System is so busy  <br> Error: Failed code '+strError); 
                                            $("#load-overlay").hide();  
                                            $("#search-button").attr("disabled", false);
                                    },timeout: 8000 // sets timeout to 15 seconds
                });

}

function get_baby_parcel_details_search(cnNo)
    {     
     //AVTIVE LOADER
     $("#search-button").attr("disabled", true);
    
            $.ajax(
            {
                type:"POST",//or POST
                url:"{{ URL::to('/waybills_tracking/get_baby_parcel_details_and_activity') }}?cn="+cnNo+"&code="+warehouseCode,
                data: {
                    '_token': "{{ csrf_token() }}",
                    'waybill_cn': cnNo,
                },
                success:function(responsedata)
                {
                    //console.log(responsedata);
                    //DEAVTIVE LOADED
                    $("#load-overlay").hide();  
                    if (responsedata.status=="ERROR")
                    {
                       var messages =""
                        for(var value in responsedata.errors_messages )
                        {
                          messages += responsedata.errors_messages[value]+ '<br>';
                        }
                        show_danger(messages)
                        $("#search-button").attr("disabled", false);
                    }
                        if (responsedata.status=="SUCCESS" )
                        {   
                            //append bb code Activity
                            for(i in responsedata.bbcode_shipping_activity)
                            {
                            
            
                                $('#bb-activity-table').append("<tr class='item"+responsedata.bbcode_shipping_activity[i].shipment_aux_id+" waybill-search-data'>"+
                                                "<td>"+responsedata.bbcode_shipping_activity[i].shipment_aux_id+"</td>"+
                                                "<td>"+IOSDateToLocalDateString(responsedata.bbcode_shipping_activity[i].created_at)+"</td>"+
                                                "<td>"+responsedata.bbcode_shipping_activity[i].created_by+"</td>"+
                                                "<td>"+responsedata.bbcode_shipping_activity[i].activity+"</td>"+
                                                "<td>"+responsedata.bbcode_shipping_activity[i].handling_warehouse_id+"</td>"+
                                                "<td>"+responsedata.bbcode_shipping_activity[i].description+"</td>"+
                                                "</tr>");
                                
                             }

                               //append bb code details
                            for(i in responsedata.baby_parcel_details)
                            {
            
                                $('#baby-parcel-details-table').append("<tr class='item"+responsedata.baby_parcel_details.aux_id+" waybill-search-data'>"+
                                                "<td>"+responsedata.baby_parcel_details[i].aux_id+"</td>"+
                                                "<td>"+responsedata.baby_parcel_details[i].last_shipping_activity+"</td>"+
                                                "<td>"+responsedata.baby_parcel_details[i].last_handling_warehouse_id+"</td>"+
                                                "</tr>");
                                
                             }
                             $("#baby_code_activity_spin").hide();
                             $("#baby_code_details_spin").hide();

                        }
                },  
                error: function( objAJAXRequest, strError )
                                    {       show_warning("Error "+strError+"<br>"+
                                                         "System is so busy please try again later");                             
                                            // alert('System is so busy  <br> Error: Failed code '+strError); 
                                            $("#load-overlay").hide();  
                                            $("#search-button").attr("disabled", false);
                                    },timeout: 8000 // sets timeout to 15 seconds
                });

}


      // Edit a post
$(document).on('click', '.view-modal', function() 
{
$('#img1').removeAttr("src")
$('#img2').removeAttr("src")

$('.modal-title').text('Pic Reference');
$('#img1').attr("src",$(this).data('img1'));
$('#img2').attr("src",$(this).data('img2'));
$('#viewModal').modal('show');
});




    function show_warning($msg)
    {
                    $("#invalid-warning-message").html($msg);
                    $("#invalid-warning").show();
                    $("#invalid-warning").delay(3000).hide(0, function() {});
    }

    function show_danger($msg)
    {
                    $("#invalid-danger-message").html($msg);
                    $("#invalid-danger").show();
                    $("#invalid-danger").delay(3000).hide(0, function() {});
    }

    function show_success($msg)
    {
                    $("#invalid-success-message").html($msg);
                    $("#invalid-success").show();
                    $("#invalid-danger").delay(3000).hide(0, function() {});
                    
  
    }

    
</script>