@extends('layouts.market')

@section('content')
    <h3>{{ $title }}</h3>
    @foreach($orders as $order)
        <div class="card-box">
            <div class="card-body">
                <h5 class="card-title text-info">ID: {{ $order->id }}</h5>
                <p class="card-text">Date: {{ $order->created_at }}</p>
                <p class="card-text">Customer Name: {{ $order->name.' - '.$order->phone_number.' - '.$order->district }}</p>
                <p class="text-{{ $order->order_status=='completed'?'success':'danger' }}">{{$order->order_status}}</p>
                @php
                    $admin_message = null 
                @endphp
                
                @foreach ($order->orderDetails as $detail)
                    @php
                        $admin_message .= $detail->product->name." ".$detail->quantity." ".$detail->product->unit.$detail->product->unit_of_measure." at ".$detail->unit_price." UGX, <br>";
                    @endphp
                @endforeach

                <p>{!! $admin_message !!}</p>
                <p class="card-text text-success h3">Total: {{ number_format($order->total()) }} UGX</p>
           

                <button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#order{{ $order->id }}">
                    Update Order Status
                </button>


            <div class="modal fade" id="order{{ $order->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Update order</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <p>Order Number: #{{ $order->id }}</p>
                        <p class="card-text">Date: {{ $order->created_at }}</p>
                        <p class="card-text">Customer Name: {{ $order->name.' - '.$order->phone_number.' - '.$order->district }}</p>
                        <p>Status: {{$order->order_status}}</p> 
                        {!! $admin_message !!}   
                        
                        <form action="{{ route('market_orders.update',$order->id) }}" method="post">
                            @csrf
                            @method('PATCH')
                            <label for="order_status">Order status</label>
                            <select name="order_status" class="form-control">
                                @foreach($order_statuses as $order_status)
                                    <option value="{{ $order_status }}" {{ $order_status==$order->order_status ? 'selected':'' }}>{{ $order_status }}</option>
                                @endforeach
                            </select>
                            <hr>
                            <button class="btn btn-dark btn-sm" type="submit">Update</button>
                        </form>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach
@endsection