@extends('website.layout.master')



@section('title')



@endsection



@section('content')

<style>

    .address-section{

        padding: 115px 0px 0px 0px !important;

    }

    .cart-section{

        padding: 0px 60px 60px 60px !important;

    }

    .sec-title{

        margin-bottom:0px !important;

    }

    .cart-section .cart-table thead tr th{

        font-size: 12px !important;

        padding: 15px 0px 15px 0px !important;

    }

    .cart-section .cart-table tr td{

        text-align: center !important;

    }

    

</style>



        <!-- page-title -->

        <section class="page-title centred"> 

            <div class="pattern-layer" style="background-image:url(website/images/background/page-title.jpg);"></div>

            <div class="auto-container">

                <div class="content-box">

                    <h1>My Account</h1>

                    <ul class="bread-crumb clearfix">

                        <li><i class="flaticon-home-1"></i><a href="{{route('home')}}">Home</a></li>

                        <li>My Account</li>

                    </ul>

                </div>

            </div>

        </section>

        <!-- page-title end -->

                <!-- address-section -->

                <section class="address-section">

            <div class="auto-container">

                <div class="sec-title">

                    <h2>Order History</h2>

                    <span class="separator" style="background-image: url(assets/images/icons/separator-1.png);"></span>

                </div>

                <div class="row clearfix">

               

            </div>

        </section>

        <!-- address-section end -->

        <section class="cart-section cart-page">

            <div class="auto-container">

                <div class="row clearfix">

                <div class="col-lg-12 col-md-12 col-sm-12 table-column">

                        <div class="table-outer">

                            <table class="cart-table">

                                <thead class="cart-header">

                                    <tr>

                                    <th >ORDER</th>

                                    <th >ORDER ID</th>

                                    <th >DATE</th>

                                    <th>TOTAL</th>

                                    </tr>    

                                </thead>

                                <tbody>

                                    @foreach($myorders as $md)

                                    @php

                                    $products=json_decode($md->products_id);

                                    @endphp

                                    <tr>

                                    <td>
                                        <table>
                                            <thead>
                                                <th >Product ID</th>

                                                <th >Name</th>

                                                <th >Quantity</th>

                                                <th >Price</th>

                                                <th >Subtotal</th>
                                            </thead>
                                            <tbody>
                                                @foreach($products as $pd)
                                                <tr>
                                                    <td >{{ $pd->productid }}</td>
                                                    <td >{{ $pd->name }}</td>
                                                    <td >{{ $pd->quantity }}</td>
                                                    <td >{{ $pd->price }}</td>
                                                    <td >{{ $pd->price*$pd->quantity }}</td>
                                                </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </td>

                                    <td >{{ $md->id }}</td>

                                    <td >{{ $md->created_at }}</td>

                                    <td >{{ $md->subtotal }}</td>


                                    </tr>

                                    @endforeach

                                   

                                </tbody>    

                            </table>

                        </div>

                    </div>

                    

                </div>

                </div>

            </div>

        </section>







@endsection