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


<div class="pagetitle">
    <h1>Details for Order: {{ $order->customer_name ?? 'N/A' }}</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
        <li class="breadcrumb-item active">Order Placed For Item: {{ $order->item }}</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

  <section class="section">
    <div class="row">
        {{-- <div class="col-lg-2"></div> --}}
         <div class="col-lg-12">
            <div class="row">
                <div class="col-lg-1 card">
                    <img src="{{ asset('assets\logo.PNG') }}" class="w-100" alt="Image">
                </div>
                <div class="col-lg-11">
                    <div class="card">
                        <div class="card-header">
                            <h5>Information About this Order</h5>
                            <h6>Items Ordered</h6>
                        </div>
                        <div class="card-body border">
                            <div class="row">
                                <div class="col-lg-9 text-center w-90 border">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>Item Name</th>
                                                <th>Quantity</th>
                                                <th>Unit Price</th>
                                                <th>Sub Total</th>
                                                @if($order->status != 'processed')
                                                    <th>Action</th>
                                                @endif
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $itemOrders = \App\Models\ItemOrderr::where('orderr_id', $order->id)->get();
                                            @endphp
                                            @forelse ($itemOrders as $item)
                                                @php
                                                    $itemOne = \App\Models\Item::where('id', $item->item_id)->first();
                                                @endphp
                                                <tr>
                                                    <td>
                                                        {{ $itemOne->name }}
                                                    </td>
                                                    <td>
                                                       {{ $item->quantity }}
                                                    </td>
                                                    <td>
                                                        {{ number_format($itemOne->selling_price, 2) }}
                                                    </td>
                                                    <td>
                                                        {{ number_format($item->quantity * $itemOne->selling_price, 2) }}
                                                    </td>
                                                    @if($order->status != 'processed')
                                                        <td>
                                                            <a href="#" data-bs-toggle="modal" data-bs-target="#itemModal{{ $item->id }}">
                                                                <span class="bi bi-pencil"></span>
                                                            </a>
                                                        </td>
                                                    @endif
                                                </tr>

                                                <!-- Update Order Modal -->
                                                <div class="modal fade" id="itemModal{{ $item->id }}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="itemModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-lg">
                                                    <div class="modal-content modal-dialog-center">
                                                        <div class="modal-header">
                                                        <h1 class="modal-title fs-5" id="itemModalLabel">Edit Order Made On:<b class="text-success"> {{ $itemOne->name }}</b>?</h1>
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                        </div>
                                                        <div class="modal-body border p-2">
                                                        <form action="{{ route('admin.orders.update',['order'=>$order->id]) }}" method="POST">
                                                            @csrf
                                                            @method('put')
                                                            <div class="form-group mb-4 row">
                                                                <div class="form-group mb-4 col-lg-6">
                                                                    <label for="item_name">Item Name</label>
                                                                   <input type="hidden"  name="item_name" value="{{$itemOne->id }}">
                                                                   <input type="text" class="form-control" readonly  value="{{$itemOne->name }}">
                                                                </div>
                                                                <div class="form-group mb-4 col-lg-6">
                                                                    <label for="customer_name">Customer Name(Optional)</label>
                                                                    <input type="text" required value="{{ old('customer_name', $order->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',  $item->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" required value="{{ old('discount', $order->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" required id="" class="form-control @error('table') is-invalid @enderror">
                                                                        @forelse($tables as $table)
                                                                            <option value="{{ $table->id }}" @if($table->id === $order->seat_id) selected @endif>{{ $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" required id="" class="form-control @error('table_position') is-invalid @enderror">
                                                                        <option value="Customer A" @if($order->table_position === 'Customer A') selected @endif>Customer A</option>
                                                                        <option value="Customer B"  @if($order->table_position === 'Customer B') selected @endif>Customer B</option>
                                                                        <option value="Customer C"  @if($order->table_position === 'Customer C') selected @endif>Customer C</option>
                                                                        <option value="Customer D"  @if($order->table_position === 'Customer D') selected @endif>Customer D</option>
                                                                        <option value="Customer E"  @if($order->table_position === 'Customer E') selected @endif>Customer E</option>
                                                                        <option value="Customer F"  @if($order->table_position === 'Customer F') selected @endif>Customer F</option>
                                                                        <option value="Customer G"  @if($order->table_position === 'Customer G') selected @endif>Customer G</option>
                                                                        <option value="Customer H"  @if($order->table_position === 'Customer H') selected @endif>Customer H</option>
                                                                    </select>
                                                                    @error('table_position')
                                                                        <span class="invalid-feedback">{{ $message }}</span>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                                                            <button type="submit" class="btn btn-success">Update</button>
                                                        </form>
                                                    </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @empty
                                                <tr>
                                                    <td colspan="5">No Item for this order</td>
                                                </tr>
                                            @endforelse
                                            <td>
                                                Discount: {{ number_format($order->discount, 2) }}
                                            </td>
                                            <td colspan="7">
                                                Total payable:
                                                @php
                                                    $total = array_sum(\App\Models\ItemOrderr::where('orderr_id', $order->id)->get()->pluck("amount")->toArray());
                                                @endphp
                                                {{
                                                    number_format($total - $order->discount , 2)
                                                 }}

                                            </td>
                                        </tbody>
                                    </table>
                                </div>
                                <!-- Add Item To Oder Modal -->
                                <div class="modal fade" id="addItemToOrder" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="addItemToOrderModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                    <div class="modal-content modal-dialog-center">
                                        <div class="modal-header">
                                        <h1 class="modal-title fs-5" id="addItemToOrderModalLabel">Add Item to Order Made By: <b class="text-success"> {{ $order->customer_name }}</b>?</h1>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body border p-2">
                                        <form action="{{ route('admin.increase.order',['order'=>$order->id]) }}" method="POST">
                                            @csrf
                                            <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" required 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="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>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-success">Add Item</button>
                                            </div>
                                        </form>
                                    </div>
                                        </div>
                                    </div>
                                </div>
                                 <!-- Mark Complete Modal -->
                                 <div class="modal fade" id="markComplete" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="markCompleteModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                    <div class="modal-content modal-dialog-center">
                                        <div class="modal-header">
                                        <h1 class="modal-title fs-5" id="markCompleteModalLabel">Mark Complete For Order Made By: <b class="text-success"> {{ $order->customer_name }}</b>?</h1>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body border p-2">
                                        <form action="{{ route('admin.order.status',['order'=>$order->id]) }}" method="POST">
                                            @csrf
                                                <input type="hidden" name="status" value="{{ $order->status }}" id="">
                                                <input type="hidden" name="complete" value="1" id="">
                                             <p>
                                                Sure to mark this Order As complete, if yes, you will now be able to print the receipt.
                                             </p>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-success">Yes Mark As Complete</button>
                                            </div>
                                        </form>
                                    </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Cancel Order Modal -->
                                <div class="modal fade" id="cancelOrder" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="cancelOrderModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                    <div class="modal-content modal-dialog-center">
                                        <div class="modal-header">
                                        <h1 class="modal-title fs-5" id="cancelOrderModalLabel">Cancel Order Made By: <b class="text-success"> {{ $order->customer_name }}</b>?</h1>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body border p-2">
                                        <form action="{{ route('admin.order.status',['order'=>$order->id]) }}" method="POST">
                                            @csrf
                                                <input type="hidden" name="status" value="{{ $order->status }}" id="">
                                                <input type="hidden" name="cancel" value="1" id="">
                                             <p>
                                                Sure to mark this Order As complete, if yes, you will now be able to print the receipt.
                                             </p>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-success">Yes, Enable</button>
                                            </div>
                                        </form>
                                    </div>
                                        </div>
                                    </div>
                                </div>
                                 <!-- Show Receipt Modal -->
                                 <div class="modal fade" id="showReceipt" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="showReceiptModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                    <div class="modal-content modal-dialog-center">
                                        <div class="modal-header">
                                        <h1 class="modal-title fs-5" id="showReceiptModalLabel">Print Receipt For Order Made By: <b class="text-success"> {{ $order->customer_name }}</b>?</h1>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body border p-2">
                                            <div class="col-lg-12 text-center w-90 border receipt" id="ele1">
                                                <img src="{{ asset('assets\logo.PNG') }}" width="100px" height="100px"  >

                                                <table class="table table-bordered">
                                                    <tr style="border: 1px solid black">
                                                        <th>Customer</th>
                                                        <td>{{ $order->customer_name }}</td>
                                                    </tr>
                                                    <tr style="border: 1px solid black">
                                                        <th>Item(s) Purchased</th>
                                                        <td>
                                                            @php
                                                            $itemOrders = \App\Models\ItemOrderr::where('orderr_id', $order->id)->get();
                                                        @endphp
                                                        @forelse ($itemOrders as $item)
                                                            @php
                                                                $itemOne = \App\Models\Item::where('id', $item->item_id)->first();
                                                            @endphp
                                                            <span style="font-size: 12px" class="border-bottom">
                                                                Name: {{ $itemOne->name }},
                                                                Quantity: {{ $item->quantity }},
                                                                Unit Price: {{ $itemOne->selling_price }}xaf,
                                                                Sub Total: {{ number_format($item->quantity * $itemOne->selling_price, 2) }}xaf
                                                            </span><br>
                                                        @empty

                                                        @endforelse
                                                        </td>


                                                    </tr>
                                                    <tr style="border: 1px solid black">
                                                        <th>
                                                            Customer Table <br>
                                                            <small style="font-size: 10px">Table Position:</small>
                                                        </th>
                                                        <td>
                                                            {{ $order->seat->name }} <br>
                                                            <small style="font-size: 10px">{{ $order->customer_position }}</small>
                                                        </td>
                                                    </tr>
                                                    <tr style="border: 1px solid black">
                                                        @php
                                                            $total = array_sum(\App\Models\ItemOrderr::where('orderr_id', $order->id)->get()->pluck("amount")->toArray());
                                                        @endphp
                                                        <th>Sub Total</th>
                                                            <td>{{ number_format($total, 2) }}xaf</td>
                                                    </tr>
                                                    <tr style="border: 1px solid black">
                                                        <th>Discounted Price</th>
                                                        <td>
                                                            {{ number_format($order->discount, 2) }}xaf
                                                        </td>
                                                    </tr>
                                                    <tr style="border: 1px solid black">
                                                        <th>Total Payable</th>
                                                        <td>
                                                            {{
                                                                number_format($total - $order->discount , 2)
                                                             }}
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
                                                <button type="submit" class="btn btn-success" onclick="jQuery('#ele1').print()">Print</button>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 p-2">
                                    <small>Date Ordered: <b>{{ $order->created_at->format('D-M-Y') }}</b></small>
                                    <small>Order Status: <x-adminstatus :status='$order->status' /></small>
                                        @if($order->status == 'pending' || $order->status == 'processing')
                                        <a href="#" data-bs-toggle="modal" data-bs-target="#markComplete" class="btn border mt-3 border-success text-success">Mark As Complete <span class="bi bi-check text-success"></span></a>
                                            <a href="#" data-bs-toggle="modal" data-bs-target="#addItemToOrder" class="btn border mt-3">Add Item To Order <span class="bi bi-arrow-right"></span></a>
                                        @endif
                                        @if($order->status == 'processed')
                                            @if(Auth::guard('admin')->user()->type === 'admin')
                                                <a href="#" data-bs-toggle="modal" data-bs-target="#cancelOrder" class="btn border mt-3 border-success text-success">Enable To Process <span class="bi bi-cancel text-success"></span></a>
                                            @endif
                                            <a href="#" data-bs-toggle="modal" data-bs-target="#showReceipt" class="btn border mt-3">Show Receipt <span class="bi bi-printer"></span></a>
                                        @endif
                                        <hr>
                                        <a href="{{ route('admin.orders.create') }}" class="btn btn-success mt-3">Process New Order <span class="bi bi-arrow-right"></span></a>
                                </div>



                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@endsection