@extends('dashboard.layouts.master')
@section('title', 'Cart Details')
@section('content')
<div class="row">
    <div class="card">
        <div class="card-body">
            <div class="card-title mb-0">Cart Details</div>
            <div class="row">
                <div class="col-md-6">
                    <h5>Cart ID: {{ $cart->id }}</h5>
                    <h5>User Name: <a href="{{ route('dashboard.users.show', $cart->user->id) }}">{{ $cart->user->name ?? 'N/A' }}</a></h5>
                    <h5>Email: {{ $cart->user->email ?? 'N/A' }}</h5>
                    <h5>Contact Number: {{ $cart->user->phone ?? 'N/A' }}</h5>
                    <h5>Total Quantity: {{ $cart->quantity }}</h5>
                    <h5>Total Price: ${{ $cart->totalCost }}</h5>
                </div>

                <!-- <form action="{{ route('dashboard.carts.updateNotes', $cart->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="form-group">
                        <label for="notes">Notes</label>
                        <textarea name="notes" class="form-control" rows="4">{{ old('notes', $cart->notes) }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary mt-2">Update Notes</button>
                </form> -->

                <div class="col-md-6 text-end">
                    <a href="{{ route('dashboard.carts.index') }}" class="btn btn-secondary">
                        <i class="bi bi-arrow-left"></i> Back to Carts
                    </a>
                </div>
            </div>

            <br>
            <div class="table-responsive">
                <div class="card">
                    <div class="card-header">
                        Product Details
                    </div>
                    <div class="card-body row">
                        <div class="col-8">
                            <h3 class="card-title">Title: {{ $cart->product->title }}</h3>
                            <h3 class="card-title">Price: ${{ $cart->product->selling_price }}</h3>
                        </div>
                        <div class="col-4">
                            <img src="{{ asset('storage/' . $cart->product->thumbnail) }}" alt="" class="img-fluid rounded object-fit-cover" style="width: 60%;">
                        </div>
                    </div>
                </div>

                @if($cart->product_map_design_id !== null)
                <div class="card">
                    <div class="card-header">
                        Product Map Design
                    </div>
                    <div class="card-body row">
                        <div class="col-7">
                            <h3 class="card-title">Title: {{ $cart->productMapDesign->productDesign->name }}</h3>
                            <h3 class="card-title">Price: ${{ $cart->productMapDesign->productDesign->price }}</h3>
                        </div>
                        <div class="col-4">
                            <img src="{{ asset('storage/' . $cart->productMapDesign->productDesign->image) }}" alt="" class="img-fluid rounded object-fit-cover" style="width: 50%;">
                        </div>
                    </div>
                </div>
                @endif

                @if($cart->product_map_attribute_id !== null)
                                <div class="card">
                    <div class="card-header">
                        Product Map Attribute
                    </div>
                    <div class="card-body">
                        <div class="col-7">
                            <h3 class="card-title">Attributes: {{ rtrim($attribute, ",") }}</h3>
                            <h3 class="card-title">Stock: {{ $cart->productMapAttribute->stock }}</h3>
                            <h3 class="card-title">Price: ${{ $cart->productMapAttribute->price }}</h3>
                        </div>
                    </div>
                </div>
                @endif

                @if($cart->energisations_id !== null)
                <div class="card">
                    <div class="card-header">
                        Energisations
                    </div>
                    <div class="card-body">
                        <div class="col-7">
                            <h3 class="card-title">Title: {{ $cart->energisations->title }}</h3>
                            <h3 class="card-title">Description: {{ $cart->energisations->description }}</h3>
                            <h3 class="card-title">Price: ${{ $cart->energisations->price }}</h3>
                        </div>
                    </div>
                </div>
                @endif

            </div>

        </div>
    </div>
</div>
@endsection