@extends('layouts.default')

@section('content')



<div class="page-hd"></div>
    

<section class="bg-img pt-180 pb-50" data-overlay="8" style="  ">

    <div class="container">

        <div class="row justify-content-center">

            <div class="col-12">
            
            <div class="text-center mt-20">

                    <h1 class="box-title text-white mb-30">Order Detail</h1>	

                </div>

            

                <form method="POST" name="form-order-filter" class="cours-search mb-30" style="max-width: 800px;">
                

                    <div class="input-group">

                         
                       

            <div class="col-lg-12 col-12">
                     
                {{-- <div class="box box-body box1">

                    <ul class="nav nav-tabs nav-fill" role="tablist">

                        <li class="nav-item"> <a class="nav-link active py-10 rounded" data-bs-toggle="tab" href="#login" role="tab">Current Orders</a> </li>

                        <li class="nav-item"> <a class="nav-link py-10 rounded" data-bs-toggle="tab" href="#register" role="tab">History Orders</a> </li>

                    </ul>

                </div> --}}

                <div class="row">
                  
                    <div class="form-group col-sm-6">
                        <label class="text-white">From Date:</label>
                        <input type="text" id="txt_from_date" class="form-control" value="<?=date('Y/m/d')?>" readonly>
                    </div>

                    <div class="form-group col-sm-6">
                        <label class="text-white">To Date:</label>
                        <input type="text" id="txt_to_date" class="form-control" value="<?=date('Y/m/d')?>" readonly>
                    </div>
                </div>

                <div class="box box-body mb-0">

                   

                    <div class="tab-content">

                        <div class="tab-pane active" id="login" role="tabpanel">
<div class="table-radio"><input value="delivery" type="radio" name="txt_delivery_option"> Delivery&nbsp;&nbsp;<input type="radio" value="pickup" name="txt_delivery_option"> Pick Up&nbsp;&nbsp;<input checked type="radio" value="both" name="txt_delivery_option"> Both</div>

<div style="margin-top:10px;margin-bottom:20px;"><button class="btn btn-info btn-order-filter" style="margin-left:0px !important" type="button">Submit</button></div>

                            <div class="table-wrap">
<table class="table myaccordion table-hover datatable" id="tb-orders">
<thead>
<tr>
<th># Order</th>
<th>Customer Name</th>
<th>Phone Number</th>
<th>Location</th>
<th>Status</th>
<th>Time</th>
<th>Price</th>
<th>View</th>
</tr>
</thead>
<tbody class="tbody-orders">
    <x-orders-filtered :orders="$orders"></x-orders-filtered>
</tbody>
</table>
</div>


                        </div>
                    </div>

                </div>

            </div>

         

                    </div>

                </form>	

                 

            </div>

        </div>

    </div>

</section>




@endsection