@extends('website.layouts.app')

@section('content')

    @include('website.layouts.crumb')




    <div class="my-account pt-80 pb-50">
        <div class="container">
            <div class="row">
                @include('admin.layouts.error')
                <div class="col-12">
                    <h3 class="title text-capitalize mb-30 pb-25">{{ trans('home.myAccount') }}</h3>
                </div>
                <!-- My Account Tab Menu Start -->
                <div class="col-lg-3 col-12 mb-30">
                    <div class="myaccount-tab-menu nav" role="tablist">


                        <a href="#orders" data-toggle="tab" class="active"><i class="fa fa-cart-arrow-down"></i>
                            {{ trans('home.myOrders') }}</a>

                        <a href="#account-info" data-toggle="tab" class=""><i class="fa fa-user"></i>  {{ trans('home.editProfile') }}</a>

                    
                        <a href="{{ route('logout') }}"
                        onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
                        class="nav-link">
                        <form id="logout-form" action="{{ route('logout') }}" method="POST"
                            style="display: none;">
                            {{ csrf_field() }}
                        </form>
                        <i class="icon-logout"> </i>  {{ trans('admin.logOut') }} 
                    </a>

                    </div>
                </div>
                <!-- My Account Tab Menu End -->

                <!-- My Account Tab Content Start -->
                <div class="col-lg-9 col-12 mb-30">
                    <div class="tab-content" id="myaccountContent">


                        <!-- Single Tab Content Start -->
                        <div class="tab-pane fade active show" id="orders" role="tabpanel">
                            <div class="myaccount-content">
                                <h3>{{ trans('home.myOrders') }}</h3>

                                <div class="myaccount-table table-responsive text-center">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>{{ trans('home.order_code') }}</th>
                                                <th>{{ trans('admin.price') }}</th>
                                                <th>{{ trans('home.tax') }}</th>
                                                <th>{{ trans('home.total') }}</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($orders as $order)
                                                <tr>
                                                    <td>
                                                        {{ $order->order_code }}
                                                    </td>
                                                    <td>
                                                        {{ $order->price . ' ' . trans('admin.LE') }}
                                                    </td>
                                                    <td>
                                                        {{ $order->tax . ' ' . trans('admin.LE') }}
                                                    </td>
                                                    <td>
                                                        {{ $order->total_price . ' ' . trans('admin.LE') }}
                                                    </td>
                                                    <td>
                                                        <a href="{{ route('get.order', $order->id) }}" class="btn btn-success"
                                                            target="_blank">
                                                            {{ trans('home.more') }}
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                    <div class="products-view__pagination">
                                        {{ $orders->links() }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Tab Content End -->



                        <!-- Single Tab Content Start -->
                        <div class="tab-pane fade" id="account-info" role="tabpanel">
                            <div class="myaccount-content">
                                <h3>{{ trans('home.editProfile') }}</h3>

                                <div class="account-details-form">
                                    <form method="post" action="{{ route('edit.profile') }}">

                                        {{ csrf_field() }}

                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.name') }}*</label>
                                                    <input type="text" class="form-control" name="name"
                                                        value="{{ $user->name }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.CEmail') }}*</label>
                                                    <input type="email" class="form-control" name="email"
                                                        value="{{ $user->email }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->
                                        </div>
                                        <!-- End .row -->

                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.password') }}*</label>
                                                    <input type="password" class="form-control" name="password">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.phone') }}*</label>
                                                    <input type="text" class="form-control" name="phone"
                                                        value="{{ $user->phone }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.country') }}*</label>
                                                    <input type="text" class="form-control" name="country"
                                                        value="{{ $user->country }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.city') }}*</label>
                                                    <input type="text" class="form-control" name="city"
                                                        value="{{ $user->city }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.zone') }}*</label>
                                                    <input type="text" class="form-control" name="zone"
                                                        value="{{ $user->zone }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.address') }}*</label>
                                                    <input type="text" class="form-control" name="address"
                                                        value="{{ $user->address }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                            <div class="col-sm-12">
                                                <div class="form-group">
                                                    <label>{{ trans('admin.fea_place') }}*</label>
                                                    <input type="text" class="form-control" name="fea_place"
                                                        value="{{ $user->fea_place }}">
                                                </div>
                                                <!-- End .form-group -->
                                            </div>
                                            <!-- End .col-sm-6 -->

                                        </div>
                                        <!-- End .row -->

                                        <div class="clearfix form-action">
                                            <input type="submit" class="btn theme-btn--dark1 btn--md"
                                                value="{{ trans('admin.save') }}">
                                        </div>
                                        <!-- End .form-action -->

                                    </form>
                                </div>
                            </div>
                        </div>
                        <!-- Single Tab Content End -->
                    </div>
                </div>
                <!-- My Account Tab Content End -->
            </div>
        </div>
    </div>


@endsection