@extends('layouts.app')
@section('title', 'Order List')
@section('content')
<style>
    .dataTables_filter {
        margin-left: 10px;
        float: right;
        margin-top: -35px !important;
        margin-bottom: 0px !important;
    }
    table.dataTable 
    {
        clear: both;
        margin-top: 2px !important;
        margin-bottom: 6px !important;
        max-width: none !important;
        border-collapse: separate !important;
        border-spacing: 0;
    }
    .btn
    {
        padding:0.5rem 0.5rem !important;
    }
    .tb 
    {
        border: none !important;
    }
    .tbactive 
    {
        border-radius: 15px 15px 0px 0px;
        opacity: 1;
    }
    .tbactive span{

        border-radius: 15px 15px 0px 0px;
        opacity: 1;
    }
    table{
        font-size:13px !important
    }
    </style>
	<div class="container-fluid mt-1 px-3 pe-3">
		<div class="row">
			<div class="col-lg-12">
				<div class="card ">
					<div class="card-body">
                        <div id="ordertabs">
                            <table class="align-items-center table-responsive" style="border-collapse: collapse; border-spacing: 0;">
                                <tr >
                                    <td class="p-0"> <a id="tab_1" style="vertical-align: middle;" class="  btn tbactive  sttabs"><span style="font-size:11px;font-weight:bold"> Clarification({{$orderopencount}})</a></span> </td>
                                </tr>
                            </table>
                        </div>
                        <div id="ordders">
                            <table id="allorder" class="table table-bordered table-striped mb-0 listtble " style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                <thead>
                                    <tr>
                                        <th>Sl.no</th>
                                        <th>File Number</th>
                                        <th>Owner Name</th>
                                        <th>Property Address</th>
                                        <th>City</th>
                                        <th>State</th>
                                        <th>Zip</th>
                                        <th>County</th>
                                        <th>Closing Date</th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                    </tbody>
                            </table>
                        </div>
				</div>
			</div>
		</div>
	</div>


<script>
$(document).ready(function()
{
    

});
function details_orderview(orderid,statusid)
{
    if(statusid == 1)
    {
        window.location.href = "/ordersubmission/"+orderid;
    }
    else
    {
        window.location.href = "/orderdetails/"+orderid;
    }

}
function get_orderlist(status)
{
    $.ajax({
            url: "/orderlist/"+status,
            type: "GET",
            data: {
                     "_token": "{{ csrf_token() }}"

                  },
            success: function(html) {
            if (html) {
                $('.sttabs').removeClass("tbactive");
                $('.sttabs').addClass("tb");
                $('#tab_'+status).removeClass("tb");
                $('#tab_'+status).addClass("tbactive");
                $("#orders").html(html);
                $('#allorders').DataTable({
                "aaSorting" : [[8, "desc"]],
                dom: 'Bfltip',
                "fnRowCallback" : function(nRow, aData, iDisplayIndex){

                    // $("td:first", nRow).html(iDisplayIndex +1);
                   
                      var info = $(this).DataTable().page.info();
                     $("td:first", nRow).html(info.start + iDisplayIndex + 1);
                   return nRow;
                },


        });
        }
    }
});
}
$(document).ready(function ()
{
    $('#allorder').DataTable({
        // dom: ';fltip'
    });
});
</script>
@endsection