@extends('layouts.modals.modal-base.index')
@section('title', 'Order Details')
@section('modal-class', 'modal-md')
@section('content')
    @php
    $commonClass = "form-group d-flex justify-content-between mt-5";
    @endphp
    <div class="container modal-container">
        <div class="row  mb-5 mb-xl-10 pl-2 pr-2" style="padding: 0 2rem;">
            <img src="{{ asset('assets/media/images/orderIcon.png') }}"
                 style="width: 150px; height: 120px;margin: 20px auto;"/>
            <hr/>

            <div class="{{ $commonClass }}">
                <label class="fw-semibold">Customer Name:</label><label>{{ $orderCustomer->name }}</label>
            </div>
            <div class="{{ $commonClass }}">
                <label class="fw-semibold">Customer email:</label><label>{{ $orderCustomer->email }}</label>
            </div>

            <div class="{{ $commonClass }}">
                <label class="fw-semibold">Customer P.No:</label><label>{{ $orderCustomer->phone_no }}</label>
            </div>

            <div class="{{ $commonClass }}">
                <label class="fw-semibold">Zipcode:</label><label>{{ $orderCustomer->zipcode }}</label>
            </div>
            <div class="{{ $commonClass }}">
                <label class="fw-semibold">City:</label><label>{{ $orderCustomer->city }}</label>
            </div>
            <div class="{{ $commonClass }}">
                <label class="fw-semibold">Province:</label><label>{{ $orderCustomer->province }}</label>
            </div>
            <div class="{{ $commonClass }}">
                <label class="fw-semibold">Address:</label><label>{{ $orderCustomer->address }}</label>
            </div>
            <div class="{{ $commonClass }}">
                <label class="fw-semibold">Country:</label><label>{{ $orderCustomer->country_code }}</label>
            </div>
        </div>


        <hr/>

        <table class="table table-striped">
            <thead>
            <tr>
                <th>Itm-title</th>
                <th>Itm-quantity</th>
                <th>Itm-amount</th>
                <th>ebay itemId</th>
            </tr>
            </thead>
            <tbody>
            @foreach($order_items as $item)
                <tr>
                    <td>{{ $item->title }}</td>
                    <td>{{ $item->quantity }}</td>
                    <td>{{ $item->amount }}</td>
                    <td><a href="https://www.ebay.com/itm/{{ $item->ebay_item_id }}" target="_blank">{{ $item->ebay_item_id }}</a></td>
                </tr>
            @endforeach
            </tbody>
        </table>


    </div>

@endsection