@extends('layouts.app')

@section('content')
    <div class="content-header">
        <p class="title">Order Create</p>
        <ul>
            <li><a href="{{ route('order.index') }}">{{ _('List') }}</a></li>
            <li><a href="{{ route('order.edit', 11) }}">{{ _('Edit') }}</a></li>
        </ul>
    </div>

    <div class="content">
        <form method="POST" action="">
            @csrf
            <div class="row">

                <div class="form-group col-md-2">
                    <div class="mb-1">
                        <label for="date" class="form-label ">Date</label><br />
                        <input type="text" class="form-control w-100 date" name="date" id="date"
                            data-toggle="datetimepicker" value="{{ get_setting('date') }}" />
                    </div>
                </div>

                <div class="form-group col-md-2">
                    <label for="store" class="form-label">Customer</label> <br />
                    <select class="form-select select2 w-100" id="customer" name="customer">
                        <option>Select Store</option>
                        <option>Main Store</option>
                        <option>DAMES</option>
                    </select>
                    <br>
                    @error('role')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>


                <div class="form-group col-md-2">
                    <label for="stock" class="form-label">Stock Add To</label> <br />
                    <select class="form-select select2  w-100" id="stock" name="stock">
                        <option>Select Store</option>
                        <option>Main Store</option>
                        <option>DAMES</option>
                    </select>
                    <br>
                    @error('role')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>


                <div class="form-group col-md-2">
                    <label for="stock" class="form-label">Type</label> <br />
                    <select class="form-select select2 w-100" id="type" name="type">
                        <option>Select Store</option>
                        <option>Main Store</option>
                        <option>DAMES</option>
                    </select>
                    <br>
                    @error('role')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>



                <div class="form-group col-md-2">
                    <label for="sales_executive" class="form-label">Sales Executive</label> <br />
                    <select class="form-select select2  w-100" id="sales_executive" name="sales_executive">
                        <option>Select Store</option>
                        <option>Main Store</option>
                        <option>DAMES</option>
                    </select>
                    <br>
                    @error('role')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>

                <div class="col-12 my-3"></div>


                <table id="add_line" class="table table-striped table-bordered table-hover table-responsive">
                    <thead>
                        <tr>
                            <th>Code/Name<span class="required">*</span></th>
                            <th>Batch</th>
                            <th>Brand</th>
                            <th>Size</th>
                            <th>Color</th>
                            <th>Style</th>
                            <th>Quantity</th>
                            <th>Unit Rate<span class="required">*</span></th>
                            <th>Dis(-%)</th>
                            <th>Amount</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody id="soItems" style="overflow :auto">
                        <tr>
                            <td class="">
                                <div class="form-group">
                                    <select class="form-select select2" style="width:100%" id="code_name" name="code_name">
                                        <option>Select Item</option>
                                        <option>Item Name</option>
                                    </select>
                                    <br>
                                    @error('role')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </td>
                            <td class="">
                                <div class="form-group">
                                    <select class="form-select select2" style="width:100%" id="Batch" name="Batch">
                                        <option>Select Batch</option>
                                        <option>None</option>
                                    </select>
                                    <br>
                                    @error('role')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </td>
                            <td>
                                <div class="form-group">
                                    <select class="form-select select2" style="width:100%" id="brand_name"
                                        name="brand_name">
                                        <option>Select Brand</option>
                                        <option>None</option>
                                    </select>
                                    <br>
                                    @error('role')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </td>
                            <td>
                                <div class="form-group">
                                    <select class="form-select select2" style="width:100%" id="size" name="size">
                                        <option>Select Size</option>
                                        <option>None</option>
                                    </select>
                                    <br>
                                    @error('role')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </td>
                            <td>
                                <select class="form-select select2" style="width:100%" id="color" name="color">
                                    <option>Select Color</option>
                                    <option>None</option>
                                </select>
                                <br>
                                @error('role')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </td>
                            <td>
                                <select class="form-select select2" style="width:100%" id="style" name="style">
                                    <option>Select Style</option>
                                    <option>None</option>
                                </select>
                                <br>
                                @error('role')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </td>
                            <td style="width:10px">
                                <input class="form-control numbersOnly qty" name="qty[]" style="width:100%"
                                    autocomplete="off">
                            </td>
                            <td style="width:60px">
                                <input class="form-control numbersOnly cost_price" style="width:100%" name="cost_price[]"
                                    autocomplete="off">
                            </td>
                            <td>
                                <input class="form-control numbersOnly discount" style="width:100%" name="discount[]"
                                    autocomplete="off">
                            </td>
                            <td class="w-10">
                                <input class="form-control amount" name="amount[]" style="width:100%" readonly="">
                            </td>
                            <td>
                                <a class="removeRow btn btn-xs btn-danger">
                                    <i class="fa fa-remove">x</i>
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>


                <div class="col-md-7">
                    <div style="display: flex ; flex-direction: column ; justify-content: space-between ; height: 100%">
                        <div>
                            <label for="amount" style="margin-right:10px ; font-weight: bold">Total qty</label>
                            <input type="text" class="form-control w-50" id="amount" name="amount" value="">
                            <br>
                            @error('firstname')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>

                        <div>
                            <input type="text" class="form-control w-100" id="amount" name="amount" placeholder="Enter Narration" value="">
                            <br>
                            @error('firstname')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                       
                    </div>
                </div>
                <div class="col-md-5">
                    <div>
                        <div style="display: flex ; justify-content: flex-end">
                            <label for="amount" style="margin-right:10px; font-weight: bold">Sub Total</label>
                            <input type="text" class="form-control w-50" id="amount" name="amount" value="">
                            <br>
                            @error('firstname')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div  class="text-right">
    
                            <select class="form-select select2 w-10" style="margin-left:auto" id="sub_total" name="sub_total">
                                <option>Delivery Charge</option>
                                <option>None</option>
                            </select>
                            <br>
                            @error('role')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                           
                            <input type="text" placeholder="amount" class="form-control w-25" style="margin-left:auto" id="amount" name="amount" value="">
                        </div>
                    </div>
                    <div>
                        <div style="display: flex ; justify-content: flex-end">
                            <label for="amount" style="margin-right:10px; font-weight: bold">Add Service</label>
                            <input type="text" class="form-control w-50" id="add_service" name="add_service" value="">
                            <br>
                            @error('firstname')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div  class="text-right">
    
                            <select class="form-select select2 w-10" style="margin-left:auto" id="add_service" name="add_service">
                                <option>Delivery Charge</option>
                                <option>None</option>
                            </select>
                            <br>
                            @error('role')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                           
                            <input type="text" placeholder="amount" class="form-control w-25" style="margin-left:auto" id="amount" name="amount" value="">
                        </div>
                    </div>

                    <div>
                        <div style="display: flex ; justify-content: flex-end">
                            <label for="amount" style="margin-right:10px; font-weight: bold">Less Discount</label>
                            <input type="text" class="form-control w-50" id="less_discount" name="less_discount" value="">
                            <br>
                            @error('firstname')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                        <div  class="text-right">
    
                            <select class="form-select select2 w-10" style="margin-left:auto" id="less_discount" name="less_discount">
                                <option>Delivery Charge</option>
                                <option>None</option>
                            </select>
                            <br>
                            @error('role')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                           
                            <input type="text" placeholder="amount" class="form-control w-25" style="margin-left:auto" id="amount" name="amount" value="">
                        </div>
                    </div>


                    <div>
                        <div style="display: flex ; justify-content: flex-end">
                            <label for="amount" style="margin-right:10px; font-weight: bold">Total Vat</label>
                            <input type="text" class="form-control w-50" id="less_discount" name="less_discount" value="">
                            <br>
                            @error('firstname')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <div>
                        <div style="display: flex ; justify-content: flex-end">
                            <label for="amount" style="margin-right:10px; font-weight: bold">Receivable</label>
                            <input type="text" class="form-control w-50" id="receivable" name="receivable" value="">
                            <br>
                            @error('firstname')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="mb-3">

                </div>

                <div style="display : flex; justify-content : end ; width:100% ; margin-top: 10px ">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
        </form>
    </div>
@endsection