@extends('layouts.front')
@section('content')

<section class="user-dashbord">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          @include('includes.form-success')
          <div class="row mb-12">
            <div class="col-lg-12">
              <div class="card card-custom rounded user-profile-details">
                <div class="account-info border-0">
                  <div class="header-area">
                    <h4 class="title">
                      Account Information
                    </h4>
                    <a href="{{ route('merchant.logout') }}" class="btn btn-danger btn-sm"><i class="fas fa-power-off"></i> Logout </a>
                    @if($user->is_vendor == 2 && $merchant->document_status == 2) <a href="{{ route('merchant.dashboard') }}" class="btn btn-success btn-sm"><i class="fas fa-box"></i> Go fo sale! </a>  @endif
                  </div>
                  <div class="edit-info-area">
                  </div>
                  <div class="main-info">
                    @if($merchant->document_status == 1)
                    <div class="alert alert-success alert-dismissible fade show" role="alert">
                        <span>Note: Your documents are subimetted. Please wait for the varification.</span>
                    </div>
                    @endif

                    <h4 class="title">{{ $user->name }}</h4>

                      <div class="row">
                        <div class="col-md-6">
                          <ul class="list">
                            <li>
                              <p><span class="user-title">Email:</span> {{ $user->email }}</p>
                            </li>
                            @if($user->phone != null)
                            <li>
                              <p><span class="user-title">Phone:</span> {{ $user->phone }}</p>
                            </li>
                            @endif
                            @if($user->fax != null)
                            <li>
                              <p><span class="user-title">Address:</span> {{ $user->fax }}</p>
                            </li>
                            @endif
                            @if($user->city != null)
                            <li>
                              <p><span class="user-title">City:</span> {{ $user->city }}</p>
                            </li>
                            @endif
                            @if($user->zip != null)
                            <li>
                              <p><span class="user-title">Post Code:</span> {{ $user->zip }}</p>
                            </li>
                            @endif
                            @if($user->address != null)
                            <li>
                              <p><span class="user-title">Address:</span> {{ $user->address }}</p>
                            </li>
                            @endif
                          </ul>
                        </div>
                        <div class="col-md-6">
                          <ul class="list">
                            <li>
                              <p><span class="user-title">Shop Name:</span> {{ $user->merchantInformation->shop_name }}</p>
                            </li>
                            <li>
                              <p><span class="user-title">Owner Name:</span> {{ $user->merchantInformation->owner_name }}</p>
                            </li>
                            <li>
                              <p><span class="user-title">Shop Number:</span> {{ $user->merchantInformation->shop_number }}</p>
                            </li>
                            <li>
                              <p><span class="user-title">Registration Number:</span> {{ $user->merchantInformation->reg_number }}</p>
                            </li>
                            <li>
                              <p><span class="user-title">Shop Address:</span> {{ $user->merchantInformation->shop_address }}</p>
                            </li>
                          </ul>
                        </div>
                      </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <br>
    @if($merchant->document_status == 2)
    <div class="container">
      <div class="row">
          <div class="col-lg-12">
              <div class=" user-profile-details">
                  <div class="row">
                      @foreach($subs as $sub)
                          <div class="col-lg-3">
                              <div class="card-custom-1 elegant-pricing-tables style-2 text-center">
                                  <div class="pricing-head">
                                      <h3>{{ $sub->title }}</h3>
                                      @if($sub->price  == 0)
                                      <span class="price">
                                      <span class="price-digit">Free</span>
                                      </span>
                                      @else
                                      <span class="price">
                                          <sup>{{ $sub->currency }}</sup>
                                          <span class="price-digit">{{ $sub->price }}</span><br>
                                          <span class="price-month">{{ $sub->days }} days</span>
                                      </span>
                                      @endif
                                  </div>
                              @if(!empty($package))
                                  @if($package->subscription_id == $sub->id)
                                      <a href="javascript:;" class="btn btn-default">Running Plan</a>
                                      <br>
                                      @if(Carbon\Carbon::now()->format('Y-m-d') > $user->date)
                                      <small class="hover-white">Expired on {{ date('d/m/Y',strtotime($user->date)) }}</small>
                                      @else
                                      <small class="hover-white">End of {{ date('d/m/Y',strtotime($user->date)) }}</small>
                                      @endif
                                        <a href="{{route('merchant.request',\Crypt::encryptString($sub->id))}}" class="hover-white text-decoration-none">Renew</a>
                                  @else
                                      <a href="{{route('merchant.request',\Crypt::encryptString($sub->id))}}" class="btn btn-default">Renew</a>
                                      <br><small>&nbsp;</small>
                                  @endif
                              @else
                                  <a href="{{route('merchant.request',\Crypt::encryptString($sub->id))}}" class="btn btn-default">Renew</a>
                                  <br><small>&nbsp;</small>
                              @endif
                              </div>
                          </div>

                          @endforeach



                  </div>
              </div>
          </div>
      </div>
    </div>
    @endif


</section>



@endsection