@extends('layouts.master') 

@section('content')
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Order <span>Management</span></h2>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Order</span></a></li>
            <li><span>Order Management</span></li>
        </ol>
    </div>
</div>
 
<div class="row">
    <div class="col-md-12">
        <div class="card _Dispatch">
            <div class="row m-0"> 
                <div class="col-md-12 PT-20 mb-0">
                    <h2 class="_head04">Create Order </h2>
                </div> 
                <div class="col-md-12 productRate-table m-0 mt-20 mb-30">
                    <div class="row">
                        <div class="col-md-12">
                            <label class="PT-10 font12">Select Date*</label>
                            <div class="form-group" style="height: auto !important">
                                <input type="text" class="form-control datepicker required order_date" style="font-size: 13px">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-s2">
                                <label class="m-b-5 font13">Select Employee*</label>
                                <select class="form-control formselect employee_id"> 
                                    <option value="0" selected disabled>Select Employee</option>
                                    @foreach ($employees as $emp)
                                        <option value="{{$emp->employee_id}}">{{$emp->employee_full_name}}</option>
                                    @endforeach 
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-s2">
                                <label class="m-b-5 font13">Select Item*</label>
                                <select class="form-control formselect item_id"> 
                                    <option value="0" selected disabled>Select Item</option>
                                    @foreach ($inventory as $inv)
                                        <option value="{{$inv->item_id}}">{{$inv->item_name}}</option>
                                    @endforeach 
                                </select>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-s2">
                                <label class="m-b-5 font13">Select Unit*</label>
                                <select class="form-control formselect unit_id"> 
                                    <option value="0" selected disabled>Select Unit</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-s2">
                                <label class="m-b-5 font13">Select Retailer*</label>
                                <select class="form-control formselect retailer_id"> 
                                    <option value="0" selected disabled>Select Retailer</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <label class="PT-10 font12">Quantity*</label>
                            <div class="form-group" style="height: auto !important">
                                <input type="number" class="form-control required quantity" style="font-size: 13px">
                            </div>
                        </div> 
                        <div class="col-md-6">
                            <label class="PT-10 font12">Discount</label>
                            <div class="form-group" style="height: auto !important">
                                <input type="number" class="form-control discount" style="font-size: 13px">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <button class="btn btn-primary add_to_cart p-10">Add To Cart</button>
                            <button class="btn btn-primary save_secondary_order p-10">Save</button>
                        </div>
                    </div> 
                    <div class="row">
                        <div class="col-md-12 order_items">
                            
                        </div>
                    </div>
                </div>
            </div> 
        </div>
    </div>
</div>
@endsection