@php
    use Illuminate\Support\Facades\Auth;$role = Auth::user()->role;
@endphp
@extends('backend.layouts.app')
@section('PageTitle', 'Order Details')


@section('content')
 <!--breadcrumb -->
 <div class="page-breadcrumb d-none d-sm-flex align-items-center mb-3">
    <div class="breadcrumb-title pe-3">Order</div>
    <div class="ps-3">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0 p-0">
                <li class="breadcrumb-item"><a href="{{route($role . '-profile')}}"><i class="bx
                bx-home-alt"></i></a></li>
                <li class="breadcrumb-item active" aria-current="page">Order Details</li>
            </ol>
        </nav>
    </div>
</div>
<!--end breadcrumb -->
    <div class="container">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <div class="ms-auto" style="margin-bottom: 20px">
        <h1>Order Details</h1>
        <div class="d-flex justify-content-end mb-4">
            <a href="{{ route('orders.index') }}" class="btn btn-primary radius-30 mt-2 mt-lg-0">Back to Orders</a>
        </div>


            <div class="card-body">
                <p><strong>Client Name:</strong> {{ $order->client->name }}</p>
                <p><strong>Service Name:</strong> {{ $order->service->name }}</p>
                <p><strong>Subcategory:</strong> {{ $order->service->subCategory->sub_category_name }}</p>
                <p><strong>Description:</strong> {{ $order->description }}</p>
                <p><strong>From Date:</strong> {{ $order->from_date }}</p>
                <p><strong>To Date:</strong> {{ $order->to_date }}</p>
                <p><strong>Status:</strong> {{ $order->status }}</p>
                @if ($order->vendor)
                <p><strong>Vendor Name:</strong> {{ $order->vendor->shop_name }}</p>
            @endif
            </div>
        </div>
    </div>
</div>
</div>

        <div class="card mt-4">

                <div class="card-body">
                    <div class="table-responsive">
                        <div class="ms-auto" style="margin-bottom: 20px">

                <h2>Offers</h2>
            </div>
            <div class="card-body">
                @if ($order->offers->isEmpty())
                    <p>No offers available for this order.</p>
                @else
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Description</th>
                                <th>Start Date</th>
                                <th>End Date</th>
                                <th>Start Time</th>
                                <th>End Time</th>
                                <th>Price</th>
                                <th>Vendor</th>

                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($order->offers as $offer)
                                <tr>
                                    <td>{{ $offer->id }}</td>
                                    <td>{{ $offer->description }}</td>
                                    <td>{{ $offer->start_date }}</td>
                                    <td>{{ $offer->end_date }}</td>
                                    <td>{{ $offer->start_time }}</td>
                                    <td>{{ $offer->end_time }}</td>
                                    <td>{{ $offer->price }}</td>
                                    <td>{{ $offer->vendor->shop_name }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </div>
    </div>

    </div>
@endsection