@extends('layouts.master')

@section('content')
  <!-- Begin HorizontalTab style 1 -->
  <section class="section-full other-bg dashboard-detail">

    <div class="container">

      <div class="row">

        <div class="col-md-12">

          <!-- Begin .HorizontalTab -->
          <div class="VerticalTab fc_VerticalTab VerticalTab_1 tabs_ver_1">

            <ul class="resp-tabs-list hor_1">
              <li class="tabs-1"><i class="fc_icons fa fa-user"></i> <span class="tabs-text">{{ __('front_site.my_dashboard')}}</span></li>
              <li class="tabs-2"><i class="fc_icons fa fa-map-marker"></i> <span class="tabs-text">{{ __('front_site.addresses')}}</span></li>
              <li class="tabs-3"><i class="fc_icons fa fa-history"></i> <span class="tabs-text">{{ __('front_site.order_history') }}</span></li>
              <li class="tabs-4"><i class="fc_icons fa fa-list-alt"></i> <span class="tabs-text">{{ __('front_site.favorite_items') }}</span></li>
              <li class="tabs-5"><i class='fc_icons fa fa-home'></i><span class="tabs-text">{{ __('front_site.favorite_stores') }}</span></li>
              <li class="tabs-6"><i class="fc_icons fa fa-pencil-square-o"></i> <span class="tabs-text">{{ __('front_site.edit_profile') }}</span></li>
              <li class="tabs-7"><i class="fc_icons fa fa-list-alt"></i> <span class="tabs-text">{{ __('front_site.free_food_offers') }}</span></li>
              <li class="tabs-1" onclick="deleteAccount();"><i class="fc_icons fa fa-trash"></i> <span class="tabs-text">{{ __('front_site.delete_account') }}</span></li>

            </ul>


            <div class="resp-tabs-container hor_1">

              <div class="fc-tab-1">

                <h2 class="title_contanier">{{ __('front_site.my_dashboard')}}</h2>

                <h3 class="titlle">{{ __('front_site.hello') }}, {{ $userDetails->username}} !</h3>
                <p>{{ __('front_site.dashboard_text') }}
                </p>
                <div class="account_information">
                  <h3>{{__('front_site.account_info') }}</h3>
                </div>
                <div class="row">
                  <div class="col-lg-6">
                    <div class="account_section">
                      <div class="account_heading">
                        <ul class="list-unstyled">
                          <li>

                            <img src="{{ asset('site/img/user.jpg')}}" class="user_img">
                          </li>
                          <li>
                            <span>{{ __('front_site.contact_info') }}</span>
                          </li>
                        </ul>
                        <!-- <a href="#" class="edit_link">Edit</a> -->
                        <ol class="list-unstyled">
                          <li>{{ $userDetails->full_name}}</li>
                          <li>{{ $userDetails->email}}</li>
                          <li>{{ $userDetails->dial_code ." ".$userDetails->phone}}</li>
                          <li>
                            <a href="#" class="change_link text-red" data-toggle="modal" data-target="#change_password">{{ __('front_site.change_password') }}</a>
                          </li>
                        </ol>
                      </div>
                    </div>
                  </div>

                </div>
              </div>

              <div class="fc-tab-2">
                <h2 class="title_contanier">{{ __('front_site.addresses')}}</h2>

                <a href="javascript:void(0)" class="edit_link text-red __modal" data-toggle="modal" data-target="#dynamicLoad" data-url="{{route('front.add-address')}}" data-title="{{__('front_site.add_address')}} "><i class="fa fa-plus"></i> {{__('front_site.add_address')}} </a>

                <div class="row" id="all_address">

                    @if(count($address) > 0)
                    @php
                         $i = 1;
                    @endphp
                    @foreach($address as $addresses)
                    <div class="col-lg-6">
                        <div class="account_section account_bg">
                          <div class="account_heading">
                            <ul class="list-unstyled">
                              <li><img src="{{ asset('site/img/user-ship.jpg')}}" class="user_img"></li>
                              <li>
                                  @if($addresses->is_default == 1)
                                  <span>{{ __('front_site.default_address') }} ({{ $addresses->type }})</span>
                                  @else
                                  <span>{{ __('front_site.address') }} {{ $i++ }} ({{ $addresses->type }})</span>
                                  @endif
                              </li>
                            </ul>
                            <div>
                              <ul class="list-unstyled">
                                <li style="clear: both; display: block;">{{ $userDetails->username}}</li>
                                <li>{{ $addresses->address }}</li>
                              </ul>
                            </div>
                            <a href="javascript:void(0);" class="edit_link text-red __modal" data-toggle="modal" data-target="#dynamicLoad" data-url="{{ route('front.edit-address',$addresses->id) }}" data-title="{{ __('front_site.change_address') }}">{{ __('front_site.change_address') }}</a>
                            </a>
                            <a href="javascript:void(0);" class="__delete" data-url="{{ route('front.address.delete',$addresses->id)}}">
                              <i class="fa fa-trash" aria-hidden="true"></i>
                            </a>
                          </div>
                        </div>
                      </div>
                    @endforeach
                    @endif
                </div>
              </div>

              <div class="fc-tab-3">

                <h2 class="title_contanier">{{ __('front_site.order_history') }}</h2>

                <div class="order_details">
                  <div class="table table-responsive">
                    <table class="table table-bordered" id="dTable" data-url="{{route('front.order-pagination')}}">
                      <thead>
                        <tr>
                          <th>{{ __('front_site.order_id')}}</th>
                          <th>{{ __('front_site.date') }}</th>
                          <th>{{ __('front_site.status') }}</th>
                          <th>{{ __('front_site.total') }}</th>
                          <th class="text-center">{{ __('front_site.action') }}</th>
                        </tr>
                      </thead>
                      <tbody>
                                                  <tr>
                            <td colspan="10" style="text-align: center"> {{ __('front_site.no_record_found') }}</td>
                          </tr>
                                                </tbody>
                    </table>
                  </div>
                </div>

              </div>
            <div class="fc-tab-4">
                <h2 class="title_contanier">{{ __('front_site.favorite_items') }}</h2>
                <div class="row">
                        <div class="account_section">
                          <div class="account_heading">
                            <ul class="list-unstyled">
                              <li>
                                <img src="{{ asset('site/img/user-news.jpg')}}" class="user_img">
                              </li>
                              <li>
                                <span>{{ __('front_site.my_wishlist') }}</span>
                              </li>
                            </ul>