@extends('layout.header')
@section('title')
ALIAN | Orders
@endsection
@section('main')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-sm-flex align-items-center subheader_border_bottom">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Orders
                </h3>
                <ul class="m-subheader__breadcrumbs m-nav m-nav--inline">
                    <li class="m-nav__item m-nav__item--home">
                        <a href="#" class="m-nav__link m-nav__link--icon">
                            <i class="m-nav__link-icon la la-home"></i>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Sales Orders Management
                            </span>
                        </a>
                    </li>
                    <li class="m-nav__separator">
                        -
                    </li>
                    <li class="m-nav__item">
                        <a href="" class="m-nav__link">
                            <span class="m-nav__link-text">
                                Orders
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- END: Sub header -->

    <!-- START :: main Content-->
    <div class="m-content">
        <div class="m-portlet m-portlet--mobile margin_bottom_30">
            <div class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <h3 class="m-portlet__head-text">
                            Orders
                        </h3>
                    </div>
                </div>
            </div>
            <div class="m-portlet__body admin_orders_table table_style_2">
                <div class="m-portlet__head-tools">
                    <ul class="m-portlet__nav admin_form_record">
                        <li class="m-portlet__nav-item">
                            <span><strong>  Total Remaining Amount:   {{  $_ENV['APP_MONEY_SYMBOL']  }}{{ $remamount }}</strong></span>
                        </li>
                        <li class="m-portlet__nav-item">
                            <a href="Create_Orders" class="new_order_btn">
                                <span>
                                    <i class="la la-plus"></i>
                                    <span>
                                        New Order
                                    </span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!--begin: Datatable -->
                <div class="m_datatable m-datatable m-datatable--default m-datatable--loaded m-portlet__body m-datatable__body p-0">
                    <div id="m_table_1_wrapper" class="dataTables_wrapper container-fluid dt-bootstrap4 no-footer">
                        <div class="row m-0">                           
                            <div class="col-sm-12 p-0 table_style_2 ">
                                <div class="m-portlet__body">
                                    <form class="m-form m-form--fit m-form--label-align-right " action="OdersFilterPaginationAjax" method="get" id="orders_form">
                                        <div id="server_orders_filter" class="dataTables_filter">
                                            <label>Search:<input type="search" id="order_search" class="order_search form-control form-control-sm" placeholder="" aria-controls="server_orders"></label>
                                        </div>
                                    </form>
                                    <div id="orders_wrap">
                                        @include('PartialOrders') 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--end: Datatable -->
            </div>
        </div>

    </div>
    <!-- END :: main Content-->
</div>


@endsection