@extends('admin.layouts.app')
@section('title', 'Add Order')
@section('content')


<!--begin::App Content Header-->
<div class="app-content-header">
    <!--begin::Container-->
    <div class="container-fluid">
      <!--begin::Row-->
      <div class="row">
        <div class="col-sm-6"><h3 class="mb-0">Process Order</h3></div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-end">
            <li><a href="{{ route('admin.orders.index') }}" class="btn me-5 btn-success text-white">All Orders</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page">Process Order</li>
          </ol>
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
</div>
<!--end::App Content Header-->
<hr>

  <!--begin::App Content-->
  <div class="app-content">
    <div class="container">
       <div class="col-lg-4">

       </div>
       <div class="col-lg-8 card p-3">
            <form action="{{ route('admin.orders.store') }}" method="POST">
                @csrf
                <input type="hidden" name="customer_type" value="On Site">
                <input type="hidden" name="order_type" value="item">
                <div class="form-group mb-4 row">
                    <div class="form-group mb-4 col-lg-6">
                        <label for="item_name">Item Name</label>
                        <select name="item_name" id="" class="form-control @error('item_name') is-invalid @enderror">
                            @forelse ($items as $item_name)
                                <option value="{{ $item_name->id }}">{{ $item_name->name }}</option>
                            @empty
                                <option value="#">No Item In the System yet, make sure to add some</option>
                            @endforelse
                        </select>
                        @error('item_name')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group mb-4 col-lg-6">
                        <label for="customer_name">Customer Name(Optional)</label>
                        <input type="text" value="{{ old('customer_name') }}" name="customer_name" class="form-control" placeholder="Enter Customer Name Here">
                    </div>
                </div>
                <div class="row">
                    <div class="form-group mb-4 col-lg-6">
                        <label for="quantity">Quantity Purchased</label>
                            <input type="number" required value="{{ old('quantity') }}" name="quantity" min="1" class="form-control @error('quantity') is-invalid @enderror" placeholder="Enter Item Quantity Here">
                            @error('quantity')
                                <span class="invalid-feedback">{{ $message }}</span>
                            @enderror
                    </div>
                    <div class="form-group mb-4 col-lg-6">
                        <label for="discount">Discount On Order in FCFA (Optional)</label>
                            <input type="number" value="{{ old('discount') }}" name="discount" min="100" step="50" class="form-control" placeholder="Enter Item discount Here">
                    </div>
                </div>
                <div class="row">
                    <div class="form-group mb-4 col-lg-6">
                        <label for="discount">Select Table</label>
                        <select name="table" id="" class="form-control @error('table') is-invalid @enderror">
                            @forelse($tables as $table)
                                <option value="{{ $table->id }}">{{ $table->name }}</option>
                            @empty
                                <option value="#">No Table(s) In the System yet, make sure to add some</option>
                            @endforelse
                        </select>
                        @error('table')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group mb-4 col-lg-6">
                        <label for="discount">Position On Table</label>
                        <select name="table_position" id="" class="form-control @error('table_position') is-invalid @enderror">
                            <option value="Customer A">Customer A</option>
                            <option value="Customer B">Customer B</option>
                            <option value="Customer C">Customer C</option>
                            <option value="Customer D">Customer D</option>
                            <option value="Customer E">Customer E</option>
                            <option value="Customer F">Customer F</option>
                            <option value="Customer G">Customer G</option>
                            <option value="Customer H">Customer H</option>
                        </select>
                        @error('table_position')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>
                </div>
                <div class="form-group mb-4">
                    <button type="submit" class="btn btn-success">SAVE ORDER TO SYSTEM</button>
                </div>

            </form>
       </div>
       <div class="col-lg-4">

       </div>
    </div>
</div>
  <!--end::App Content-->
@endsection
@section('footer_scripts')

<script>
    $(function(){

        $("#asGroup").hide();
        $("#groupYes").prop( "checked", false )
        $("#groupYes").click(function(){
            $("#asGroup").toggle("slideUpSlow");
        })

    });
</script>

@endsection