@extends('front.design1.partials.master')
@section('content')
    <div id="navigation" class="navborders">
        <div id="myHeader" class="border-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-xs-6">
                        <p class="navPadding">
                            <a href="{!! route('front.d1.index') !!}">
                                <i class="fa fa-home pull-left home_icon"></i>
                                <span class="homeCart">{!! __('v2/front_site.menu_home') !!}</span>
                            </a>
                        </p>
                    </div>
                    <div class="col-md-6 col-xs-6">
                        <p class="text-right navPadding">
                            <span class="moTxt">{!! __('v2/front_site.my_account') !!}</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="section-full other-bg">

        <div class="container">
            <div class="row">

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

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

                        <ul class="resp-tabs-list dash">
                            <li class="tabs-0"><i class="fc_icons fa fa-tachometer"></i> <span class="tabs-text">{{ __('v2/front_site.my_dashboard') }}</span></li>
                            <li class="tabs-1"><i class="fc_icons fa fa-history"></i> <span class="tabs-text">{{ __('v2/front_site.history') }}</span></li>
                            @if($userDetails->user_type == 2)
                                <li class="tabs-2"><i class="fc_icons fa fa-file"></i> <span class="tabs-text">{{ __('v2/front_site.generated_invoice') }}</span></li>
                                <li class="tabs-3"><i class="fc_icons fa fa-user"></i> <span class="tabs-text">{{ __('v2/front_site.employees') }}</span></li>

                            @endif
                            <li class="tabs-8"><i class="fc_icons fa fa-gift"></i> <span class="tabs-text">{{ __('v2/front_site.gift_cards') }}</span></li>
                            <li class="tabs-4"><i class="fc_icons fa fa-map-marker"></i> <span class="tabs-text">{{ __('v2/front_site.addresses') }}</span></li>
                            <li class="tabs-5"><i class="fc_icons fa fa-heart-o"></i> <span class="tabs-text">{{ __('v2/front_site.favorite_items') }}</span></li>
                            <li class="tabs-6"><i class="fc_icons fa fa-star-o"></i> <span class="tabs-text">{{ __('v2/front_site.favorite_stores') }}</span></li>
                            <li onclick="deleteAccount();" >
                                <i class="fc_icons fa fa-trash"></i>
                                <span class="tabs-text">
                                    {{ __('v2/front_site.close_account') }}
                                </span>
                            </li>

                            <li>
                                <i class="fc_icons fa fa-sign-out"></i>
                            <span class="tabs-text">
                                <a href="{{ route('front.d1.logout') }}">{!! __('v2/front_site.logout') !!}</a>
                            </span>
                            </li>
                        </ul>

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

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

                                <div class="filter-info-right">
                                    <div class="dashboard-box">
                                        <h3 class="dashboard-sub-head" ><i class="fa fa-tachometer"></i>{!! __('v2/front_site.dashboard') !!}</h3>
                                        <div class="dashboard-info">

                                            <div class="user-img">
                                                <div class="inner-div1">
                                                    <div class="usr-profile-inner">
                                                        <img src="{{ getImagepath($userDetails->photo) }}" class="img-fluid">
                                                    </div>
                                                    <div class="edit-link-box">
                                                        <div class="input--file">
                                                            <i class="fa fa-camera"></i>
                                                            <input type="file" data-url="{{ route('front.d1.image-upload') }}" name="image" id="userimg">
                                                        </div>
                                                    </div>
                                                    <div class="usr-details d-flex align-items-center justify-content-between">
                                                        <h3 class="usr-title" style="text-align: left;border-bottom: none;margin-top:20px;">{{ $userDetails->full_name }} {{ $userDetails->surname }}
                                                            @if ($userDetails->company_name)
                                                                ({{ $userDetails->company_name }})
                                                            @endif
                                                        </h3>
                                                    </div>
                                                </div>
                                            </div>

{{--                                            <p>{!! __('v2/front_site.dashboard_subheading') !!}</p>--}}
                                            <div class="div_acc float_icon_acc">
                                                {{--<h3>{!! __('v2/front_site.account_dashboard') !!}</h3>--}}
                                                <h3>{!! __('v2/front_site.edit_profile') !!}</h3>
                                                <div class="dashboard-inf">

                                                    <div class="form-boxx new_design">
                                                        <div class="error-msg"></div>
                                                        {!! Form::open(['route' => 'front.d1.edit-profile', 'method' => 'POST', 'class' => 'row g-3', 'id' => 'dySave']) !!}

                                                        <div class="col-md-6">
                                                            <label for="firstname"
                                                                   class="form-label">{{ __('v2/front_site.first_name') }}</label>
                                                            <input type="text" value="{{ $userDetails->full_name }}"
                                                                   class="form-control" name="full_name" id="firstname">
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label for="surname"
                                                                   class="form-label">{{ __('v2/front_site.surname') }}</label>
                                                            <input type="text" value="{{ $userDetails->surname }}"
                                                                   name="surname" class="form-control" id="surname">
                                                        </div>
                                                        @if($userDetails->user_type == 2)
                                                            <div class="col-md-12">
                                                                <label for="surname"
                                                                       class="form-label">{{ __('v2/front_site.position') }}</label>
                                                                <input style="width: 357px" type="text" value="{{ $userDetails->position }}"
                                                                       name="position" class="form-control" id="position">
                                                            </div>
                                                        @endif

                                                        <div class="col-md-6">
                                                            <label for="tel"
                                                                   class="form-label">{{ __('v2/front_site.tel') }}</label>
                                                            <a href="#" class="verify_link" data-title="{!!  __('v2/front_site.update_phone') !!}"
                                                               data-url="{!! route('front.d1.update-phone-view') !!}">
                                                                {!! __('v2/front_site.update_phone') !!}
                                                                <i class="fa fa-pencil"></i>
                                                            </a>

                                                            <div class="input-group span_dial_code">
                                                                <div class="input-group-prepend">
                                                                    <span class="input-group-text" id="basic-addon3">{!! $userDetails->dial_code !!}</span>
                                                                </div>
                                                                <input type="text" value="{{ $userDetails->phone }}"
                                                                       name="phone" class="form-control" readonly>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label for="inputEmail4"
                                                                   class="form-label">{{ __('v2/front_site.email') }}</label>
                                                            <a href="#" class="verify_link" data-title="{!!  __('v2/front_site.update_email') !!}"
                                                               data-url="{!! route('front.d1.update-email-view') !!}">{!! __('v2/front_site.update_email') !!}<i class="fa fa-pencil"></i></a>

                                                            <input type="email" value="{{ $userDetails->email }}"
                                                                   name="email" class="form-control" readonly>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label for="password"
                                                                   class="form-label">{{ __('v2/front_site.password') }}</label>
                                                            <input type="password" name="password" class="form-control"
                                                                   id="password">
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label for="cpassword"
                                                                   class="form-label">{{ __('v2/front_site.confirm_password') }}</label>
                                                            <input type="password" name="password_confirmation"
                                                                   class="form-control" id="password_confirmation">
                                                        </div>
                                                        {!! Form::token() !!}
                                                        <div class="col-md-12">
                                                            <div class="form-btns">
                                                                <!--a type="reset" class="btn btn-secondary btn-ang">{{ __('v2/front_site.angre') }}</a-->
                                                                <button type="submit"
                                                                        class="btn btn-success btn-block">{{ __('v2/front_site.lagre') }}</button>
                                                            </div>

                                                        </div>
                                                        {!! Form::close() !!}
                                                    </div>
                                                </div>
                                                <ul class="d-none">
                                                    <li>
                                                        <div class="dashboard-icon">
                                                            <i class="fa fa-user"></i>
                                                        </div>
                                                        <div class="dashboard-text">
                                                            <h4>{!! $userDetails->full_name  !!}</h4>
                                                            <p  class="over_hidden">{!! $userDetails->email  !!}</p>
                                                            <a href="{!! route('front.d1.customer-dashboard') !!}#dashboard2" class="">{!! __('v2/front_site.edit_profile') !!}</a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <div class="dashboard-icon">

                                                            <i class="fa fa-cutlery"></i>
                                                        </div>
                                                        <div class="dashboard-text">
                                                            <h4>{!! __('v2/front_site.my_order') !!}</h4>

                                                            <p>{!! __('v2/front_site.no_of_invoices') !!}</p>
                                                            <a href="{!! route('front.d1.customer-dashboard') !!}#dashboard1">{!! __('v2/front_site.view_all') !!}</a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <div class="dashboard-icon">
                                                            <i class="fa fa-file-text-o"></i>
                                                        </div>
                                                        <div class="dashboard-text">
                                                            <h4>{!! __('v2/front_site.address') !!}</h4>
                                                            <p>{!! __('v2/front_site.no_of_address') !!}</p>
                                                            <a href="{!! route('front.d1.customer-dashboard') !!}#dashboard3">{!! __('v2/front_site.view_all') !!}</a>
                                                        </div>
                                                    </li>

                                                    <li>
                                                        <div class="dashboard-icon">
                                                            <i class="fa fa-pencil-square-o"></i>
                                                        </div>
                                                        <div class="dashboard-text">
                                                            <h4>{!! __('v2/front_site.edit_profile') !!}</h4>
                                                            <p  class="over_hidden">{!! $userDetails->email  !!}</p>
                                                            <a href="{!! route('front.d1.customer-dashboard') !!}#dashboard2">{!! __('v2/front_site.edit') !!}</a>
                                                        </div>
                                                    </li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

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

                                <div class="filter-info-right">
                                    <div class="dashboard-box">
                                        <h3 class="dashboard-sub-head"><i class="fa fa-cutlery"></i>{!! __('v2/front_site.my_order') !!}</h3>
                                        <div class="order_details">
                                            <div class="inner-div-height">
                                                <div class="form-box">
                                                    <div class="order_details">
                                                        <div class="table table-responsive">
                                                            <table class="table table-bordered frontTable"
                                                                   data-url="{{ route('front.d1.order-pagination') }}">
                                                                <thead>
                                                                <tr>
                                                                    <th>{{ __('v2/front_site.order_id') }}</th>
                                                                    <th>{{ __('v2/front_site.date') }}</th>
                                                                    <th>{{ __('v2/front_site.status') }}</th>
                                                                    <th>{{ __('v2/front_site.total') }}</th>
                                                                    <th class="text-center ">
                                                                        {{ __('v2/front_site.action') }}</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @if($userDetails->user_type == 2)
                            <div class="fc-tab-2">

                                <div class="filter-info-right">
                                    <div class="dashboard-box">
                                        <h3 class="dashboard-sub-head"><i class="fa fa-file"></i>{{ __('v2/front_site.generated_invoice') }}</h3>
                                        <div class="form-box">
                                            <div class="order_details">
                                                <div class="table table-responsive">
                                                    <table class="table table-bordered frontTable"
                                                           data-url="{{ route('front.d1.generated-invoices') }}">
                                                        <thead>
                                                        <tr>
                                                            <th>{{ __('common.sr-no') }}</th>
                                                            <th>{{ __('v2/front_site.invoice_no') }}</th>
                                                            <th>{{ __('v2/front_site.invoice_date') }}</th>
                                                            <th>{{ __('v2/front_site.created_by') }}</th>
                                                            <th>{{ __('v2/front_site.created_at') }}</th>
                                                            <th class="text-center">{{ __('v2/front_site.action') }}</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                                <div class="fc-tab-3">
                                    <div class="filter-info-right">
                                        <div class="dashboard-box">
                                            <h3 class="dashboard-sub-head"><i class="fa fa-file"></i>{{ __('v2/front_site.employees') }}</h3>
                                            <div class="form-box">
                                                <div class="inner-div-height">
                                                    <div class="form-group">
                                                        <div style="display: none" class="__ajax_message alert "></div>
                                                        {!! Form::open(array('route' => 'front.d1.invite-employee', 'method' => 'POST' ,'id' => 'dySave')) !!}
                                                        <div class="row col-md-6 new_design" style="padding-bottom: 10px;">
                                                            <div class="col-md-8">
                                                                {!! Form::text('email',null,['class' => 'form-control' ,'placeholder' => __('v2/front_site.employee_email')]) !!}
                                                            </div>
                                                            <div class="col-md-4">
                                                                <button type="submit" class="btn btn-success btn-block invite-btn">{{ __('v2/front_site.invite_employee')}}</button>
                                                            </div>
                                                        </div>
                                                        {!! Form::close() !!}

                                                        <div class=" mt-1" id="all_employees">
                                                            <div class="table table-responsive">
                                                                <table class="table table-bordered frontTable"
                                                                       data-url="{{ route('front.d1.employee-invitation-pagination') }}">
                                                                    <thead>
                                                                    <tr>
                                                                        <th>{{ __('users.email') }}</th>
                                                                        <th>{{ __('users.invite_date') }}</th>
                                                                        <th>{{ __('common.status') }}</th>
                                                                        <th>{{ __('common.action') }}</th>
                                                                    </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            @endif

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

                                <div class="filter-info-right">
                                    <div class="dashboard-box">
                                        <h3 class="dashboard-sub-head"><i class="fa fa-gift"></i>{!! __('v2/front_site.gift_cards') !!}
                                        </h3>
                                        <div class="dashboard-inf">
                                            <div class="inner-div-height">
                                                <div style=" margin: 10px 1px 10px 0px; padding: 15px 10px;display: none" class="__ajax_message alert "></div>
                                                    {!! Form::open(array('route' => 'front.d1.redeem-code', 'method' => 'POST' ,'id' => 'dySave','class'=>'new_design')) !!}
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            {!! Form::text('redeem_code',null,['class' => 'form-control' ,'placeholder' => __('v2/front_site.gift_card_code')]) !!}
                                                        </div>
                                                        <div class="col-md-2">
                                                            <button type="submit" class="btn btn-success btn-block invite-btn">{{ __('v2/front_site.redeem')}}</button>
                                                        </div>
                                                    </div>
                                                    {!! Form::close() !!}

                                                    @if (session('giftcard_order_message'))
                                                        <div class="alert mt-4 __ajax_message {!! session('gift_card_payment_status') == 1 ? 'alert-success ' : 'alert-warning ' !!}" >
                                                            {{ session('giftcard_order_message') }}
                                                        </div>
                                                        @php session()->forget(['giftcard_order_message','gift_card_payment_status' ]); @endphp
                                                    @endif
                                                    <div class="mt-3" id="all_employees">
                                                        <h4>{!! __('v2/front_site.current_balance') !!} : {!! numberFormat($giftCardBalance) !!}</h4>
                                                    </div>

                                                    <div class="mt-1" id="gift_card_history_table">
                                                        <h3>{!! __('v2/front_site.purchased_gift_cards') !!}</h3>
                                                        <div class="table table-responsive __remove_first_row">
                                                            <table class="table table-bordered frontTable __purchased_gift_card_table"
                                                                   data-url="{{ route('front.d1.gift_card_list') }}" data-info="false" data-length-change="false" data-searching="false">
                                                                <thead>
                                                                <tr>
                                                                    <th class="text-center">{{ __('v2/front_site.created_at') }}</th>
                                                                    <th class="text-center">{{ __('v2/front_site.gift_card_amount') }}</th>
                                                                    <th class="text-center">{{ __('v2/front_site.gift_card_code') }}</th>
                                                                    <th class="text-center">{{ __('v2/front_site.redeem_date') }}</th>
                                                                    <th class="text-center">{{ __('v2/front_site.share') }}</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <div class="mt-1" id="gift_card_history_table">
                                                        <h3>{!! __('v2/front_site.gift_cards_usage') !!}</h3>
                                                        <div class="table table-responsive __remove_first_row">
                                                            <table class="table table-bordered frontTable __gift_card_history_table"
                                                                   data-url="{{ route('front.d1.gift_card_history') }}" data-info="false" data-length-change="false" data-searching="false">
                                                                <thead>
                                                                <tr>
                                                                    <th class="text-center">{{ __('v2/front_site.created_at') }}</th>
                                                                    <th class="text-center">{{ __('v2/front_site.order') }}</th>
                                                                    <th class="text-center">{{ __('v2/front_site.action') }}</th>
                                                                    <th class="text-center">{{ __('v2/front_site.gift_card_amount') }}</th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="fc-tab-4">

                                <div class="filter-info-right">
                                    <div class="dashboard-box">
                                        <h3 class="dashboard-sub-head">
                                            <i class="fa fa-map-marker"></i>{{ __('v2/front_site.address') }}
                                            <a href="#" class="__dynamicLoad addnewpopup" data-title ="{!! __('v2/front_site.add_address') !!}" data-url="{!! route('front.d1.add-address') !!}" data-item_id="60">
                                                {!! __('v2/front_site.add_address') !!}
                                            </a>
                                           </h3>

                                        <div class="dashboard-inf address_dash">
                                            <div class="div_acc float_icon_acc address_dash_div">
                                                @if (count($address) > 0)
                                                    @php
                                                    $i = 1;
                                                    @endphp
                                                <ul>
                                                    @foreach ($address as $addresses)
                                                    <li class="single_address">
                                                        <button class="__delete remove_address"
                                                                data-url="{{ route('front.d1.address.delete', $addresses->id) }}">
                                                            <i class="fa fa-trash" aria-hidden="true"></i>
                                                        </button>
                                                        <div class="dashboard-icon">
                                                            <i class="fa fa-user"></i>
                                                        </div>
                                                        <div class="dashboard-text">
                                                            <h4>{!! $addresses->type !!}</h4>

                                                            <p  class="over_hidden">{!! $addresses->address !!}</p>

                                                            <a href="#" class="dash-edit-add __dynamicLoad"
                                                               data-url="{{ route('front.d1.edit-address', $addresses->id) }}"
                                                               data-title="{{ __('v2/front_site.change_address') }} ">
                                                                <i class="fa fa-pencil" aria-hidden="true"></i>
                                                            </a>
                                                        </div>
                                                    </li>
                                                        @php
                                                        $i++;
                                                        @endphp
                                                   @endforeach
                                                </ul>
                                               @else
                                                <h4 class="text-center">{{ __('v2/front_site.no_record_found') }}</h4>
                                               @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="fc-tab-5">

                                <div class="filter-info-right">
                                    <div class="dashboard-box">
                                        <h3 class="dashboard-sub-head"><i class="fa fa-heart"></i>{{ __('v2/front_site.favorite_items') }}</h3>
                                        <div id="div_acc_item">
                                            @if (count($favoriteItems) > 0)
                                            <div class="listBox">
                                                <div class="store-with-item-wrap single_fav_item_store">
                                                    <div class="order-review-wrap">
                                                @foreach ($favoriteItems as $key => $item)


                                                        <div class="orw-list innerBoxx single_item">
                                                            <!-- Left-aligned media object -->
                                                            <div class="media">
                                                                <div class="media-body">
                                                                    <h4 class="media-heading" style="display: flex">
                                                                        <span class="media-text">
                                                                             <a href="#" class="__product_detail" data-url ="{!! route('front.d1.product-detail',$item->item_id) !!}" data-item_id="{!! $item->item_id !!}">
                                                                                 {!! $item->name !!}
                                                                             </a>
                                                                        </span>
                                                                        <span class="mainBookmark">
                                                                            <label class="bookmark ">
                                                                                <input type="checkbox" class="mark_as_fav " checked=""
                                                                                       hidden="" data-item_id="{!! $item->item_id !!}"
                                                                                       data-status="checked"
                                                                                       data-url="{!! route('front.d1.toggle-fav-item') !!}"
                                                                                       data-request ="dashboard"
                                                                                        >
                                                                                <div>
                                                                                    <svg class="background" viewBox="0 0 16 24" stroke="currentColor">
                                                                                        <path d="M0.5,23.124911 L6.9318135,16.6008331 C6.93933086,16.5932441 6.93933086,16.5932441 6.94691994,16.5857267 C7.53686305,16.0041267 8.48658644,16.01089 9.0681865,16.6008331 L15.5,23.124911 L15.5,2.02869001 C15.5,1.18283629 14.8268205,0.5 14,0.5 L2,0.5 C1.17317953,0.5 0.5,1.18283629 0.5,2.02869001 L0.5,23.124911 Z">
                                                                                        </path>
                                                                                    </svg>
                                                                                    <svg class="active" viewBox="0 0 16 24" fill="currentColor">
                                                                                        <path d="M2,0 L14,0 C15.1045695,0 16,0.908275455 16,2.02869001 L16,23.7565572 C16,23.8910069 15.8925483,24 15.76,24 C15.696348,24 15.6353031,23.9743516 15.5902944,23.9286973 L8.71212433,16.9518598 C8.32439096,16.5585644 7.69124204,16.5540555 7.29794663,16.9417889 C7.29456578,16.9451219 7.29120871,16.948479 7.28787567,16.9518598 L0.409705627,23.9286973 C0.315979797,24.0237676 0.164020203,24.0237676 0.0702943725,23.9286973 C0.0252856417,23.8830429 0,23.8211222 0,23.7565572 L0,2.02869001 C0,0.908275455 0.8954305,0 2,0 Z">
                                                                                        </path>
                                                                                    </svg>
                                                                                </div>
                                                                            </label>
                                                                        </span>

                                                                    </h4>

                                                                    <p> </p>


                                                                    <span><strong>{!! numberFormat($item->offer_price) !!}</strong></span>
                                                                    <button class="plusBtn" data-item_id="{!! $item->item_id !!}" data-toggle="modal"
                                                                            data-target="#customize-product">
                                                                        <i class="fa fa-plus-square  theme_color"
                                                                           style="font-size:22px"></i></button>
                                                                    <button class="infBtn __product_detail"
                                                                            data-item_id="{!! $item->item_id !!}"
                                                                            data-url ="{!! route('front.d1.allergy-info',$item->item_id) !!}"
                                                                            ><img
                                                                                src="{!! asset('site/d1/img/info.png') !!}"
                                                                                class="media-object">
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>


                                                    @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                           @else
                                            <h4 class="text-center">
                                                {{ __('v2/front_site.no_record_found') }}
                                            </h4>@endif
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="fc-tab-6">

                                <div class="filter-info-right">
                                    <div class="dashboard-box">
                                        <h3 class="dashboard-sub-head"><i class="fa fa-star"></i>{{ __('v2/front_site.favorite_stores') }}</h3>
                                        <div id="div_acc_item">