@extends('frontend.layout.master')
@section('title', $pageTitle)
@section('content')

<style>
    .product-sub-text {
        font-size: 11px;
    }

    .tab-details-inner {
        margin-top: 20px;
    }

    .my-account-product-image {
        width: 100%;
        height: 98px;
    }

    .my-account-product-text2 {
        text-align: end;
    }

    .order_details_div_1 {
        margin-top: 40px;
    }

    @media screen and (max-width: 768px) {
        .my-order {
            overflow: auto;
        }

        .row-width {
            width: 500px;
            padding: 0;
        }

        .row-shadow {
            padding: 11px 7px;
        }

        .order_details_div_1 {
            margin-top: 83px;
        }
    }
</style>

<section>
    <div class="order_details_div_1">



        <div class="order_details_div_6">

            <div class="row row-width">
                <div class="col-3">
                    <img src="{{ url('/') }}/frontend/img/product-2.jpg" alt="image" class="my-account-product-image">
                </div>
                <div class="col-4">

                    <div class="my-account-product-text">
                        <p>Long Sleeve T-shirts</p>

                        <div class="d-flex">
                            <p class="product-sub-text">Colour: Red </p>
                            <p class="product-sub-text">&nbsp; | &nbsp;</p>
                            <p class="product-sub-text">Size: 32</p>
                        </div>
                    </div>
                </div>
                <div class="col-5">
                    <div class="my-account-product-text2">
                        <p>₹ 1200.00</p>
                    </div>
                </div>
            </div>
        </div>


        <div class="order_details_div_2">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-12" style="padding: 0px; border: 1px solid #efeeee;">
                    <div class="order_details_div_3">
                        <p class="order_details_p_1">
                            Delivery Address
                        </p>
                    </div>
                    <div class="order_details_div_4">
                        <p class="order_details_p_2">
                            Client Name
                        </p>
                        <p class="order_details_p_3">
                            Sri Ram Park , Babur bandh , Post office - AVL colony Sri Ram park, Durgapur - 713206,
                            West Bengal
                        </p>
                        <p class="order_details_p_4">
                            <b>Phone Number : </b> 000 000 0000
                        </p>
                    </div>
                </div>

            </div>
        </div>

    </div>
</section>


@endsection