@extends('layouts.backend.index', ['module_title' => 'Потребители'])

@section('content')
  @if(session('danger'))
    <div class="alert alert-danger">
      {{ session('danger') }}
    </div>
  @endif
  <div class="row">
    <div class="col-md-3">
      <div class="card card-primary card-outline">
        <div class="card-body box-profile">
          <div class="text-center">
            <img class="profile-user-img img-fluid img-circle" src="{{ asset('storage/defaultavatar.svg') }}" alt=""><br>
            {{ $user->full_name }}
          </div>
          <ul class="list-group list-group-unbordered mb-3">
            <li class="list-group-item">
              <strong>Поръчки</strong>
              <a href="#" class="float-right">
                {{ $user->orders->count() }}
              </a>
            </li>
            <li class="list-group-item">
              <strong>Адреси</strong>
              <a href="#" class="float-right">
                {{ $user->addresses->count() }}
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="card card-primary">
        <div class="card-header">
          <h3 class="card-title">За потребителя</h3>
        </div>
        <div class="card-body">
          <ul class="list-group list-group-unbordered mb-3">
            <li class="list-group-item">
              <strong>Имена</strong>
              <span class="float-right">
                {{ $user->full_name }}
              </span>
            </li>
            <li class="list-group-item">
              <strong>Email</strong>
              <span class="float-right">
                {{ $user->email }}
              </span>
            </li>
            <li class="list-group-item">
              <strong>Телефон</strong>
              <span class="float-right">
                {{ $user->phone }}
              </span>
            </li>
            <li class="list-group-item">
              <strong>Newsletter</strong>
              <span class="float-right">
                @if ($user->newsletter == 1)
                  <span class="badge bg-success">Да</span>
                @else
                  <span class="badge bg-danger">Не</span>
                @endif
              </span>
            </li>
            <li class="list-group-item">
              <strong>Регистриран на</strong>
              <span class="float-right">
                {{ $user->created_at }}
              </span>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-md-9">
      <div class="card">
        <div class="card-header p-2">
          <ul class="nav nav-pills">
            <li class="nav-item">
              <a class="nav-link active" href="#profile" data-toggle="tab">
                Профил
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#orders" data-toggle="tab">
                Поръчки
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#addresses" data-toggle="tab">
                Адреси
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#favorites" data-toggle="tab">
                Любими <span class="badge bg-dark">{{ $favorites->count() }}</span>
              </a>
            </li>
            {{-- <li class="nav-item">
              <a class="nav-link" href="#credits-history" data-toggle="tab">
                История на креидит
              </a>
            </li> --}}
          </ul>
        </div>
        <div class="card-body">
          @if (session('success'))
            <div class="alert alert-success">
              <i class="fas fa-check" aria-hidden></i>
              {{ session('success') }}
            </div>
          @endif
          <div class="tab-content">
            <div id="profile" class="tab-pane active">
              <form class="" action="{{ route('users.update', $user->id) }}" method="post" autocomplete="off">
                @csrf
                @method('PATCH')
                <div class="form-group">
                  <label for="">Пол</label>
                  <select class="form-control" name="gender">
                    <option value="1" @if ($user->gender == '1') {{ 'selected' }} @endif>Мъж</option>
                    <option value="2" @if ($user->gender == '2') {{ 'selected' }} @endif>Жена</option>
                    <option value="3" @if ($user->gender == '3') {{ 'selected' }} @endif>Друг</option>
                  </select>
                  @error ('sex')
                    <small class="text-danger">{{ $message }}</small>
                  @enderror
                </div>

                <div class="row">
                  <div class="col-md-6 form-group">
                    <label for="">Име</label>
                    <input type="text" class="form-control" name="fname" value="{{ $user->fname }}">
                    @error ('fname')
                      <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                  <div class="form-group col-md-6">
                    <label for="">Фамилия</label>
                    <input type="text" class="form-control" name="lname" value="{{ $user->lname }}">
                    @error ('lname')
                      <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                  <div class="form-group col-sm-6">
                    <label for="">Email</label>
                    <input type="email" class="form-control" readonly name="email" value="{{ $user->email }}">
                    @error ('email')
                      <small class="text-danger">
                        {{ $message }}
                      </small>
                    @enderror
                  </div>
                  <div class="form-group col-sm-6">
                    <label for="">Телефон</label>
                    <input type="tel" class="form-control" name="phone" value="{{ $user->phone }}">
                    @error ('phone')
                      <small class="text-danger">
                        {{ $message }}
                      </small>
                    @enderror
                  </div>
                </div>

                <div class="form-group">
                  <label for="">Парола</label>
                  <input type="password" class="form-control" name="password" value="">
                  @error ('password')
                    <small class="text-danger">
                      {{ $message }}
                    </small>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="">Нова парола</label>
                  <input type="password" class="form-control" name="password_confirmation" value="">
                </div>
                <div class="form-group">
                  <label for="" class="d-block">Newsletter</label>
                  <label for="newsletter" class="font-weight-normal">
                    <input type="checkbox" id="newsletter" name="newsletter" value="1" @if ($user->newsletter == '1') {{ 'checked' }} @endif>
                    Желая да получавам новини по E-mail
                  </label>
                </div>
                <button type="submit" class="btn btn-md btn-warning" name="button">
                  Запази
                </button>
              </form>
            </div>
            <div id="orders" class="tab-pane">
              <div class="table-responsive">
                <table class="table table-sm">
                  <thead>
                    <tr>
                      <th>Поръчка</th>
                      <th class="text-center">Имена</th>
                      <th class="text-center">Общо</th>
                      <th class="text-center">Статус</th>
                      <th class="text-center">Доставка до</th>
                      <th class="text-center">Проследи</th>
                      <th class="text-center">Дата</th>
                    </tr>
                  </thead>
                  <tbody>
                    @forelse ($user->orders as $key => $order)
                      <tr>
                        <td data-label="Поръчка">
                          <a href="
                          {{ route('order.view', $order->id) }}
                          " class="view-order">
                            #{{ $order->id }}
                          </a>
                        </td>
                        <td data-label="Имена" class="text-center">
                          {{ $order->fname . ' ' . $order->lname }}
                        </td>
                        <td data-label="Общо" class="text-center">
                          @money($order->products->sum('price') + $order->shipping, 'EUR', true)
                          {{-- {{ $order->total_sum }} --}}
                          {{-- @money($order->total_sum, $order->currency, true) --}}
                        </td>
                        <td data-label="Статус" class="text-center">
                          {{ $order->status() }}
                        </td>
                        <td data-label="Доставка до" class="text-center">
                          @if ($order->address?->shipping_to == 1)
                            Адрес
                          @else
                            Офис
                          @endif
                        </td>
                        <td data-label="Проследи" class="text-center">
                          <a class="track-order" href="#" data-toggle="modal" data-target="#track-order-modal" data-modal-href="/modal_track_order.php">Проследи пратка</a>
                        </td>
                        <td data-label="Дата на поръчка" class="text-center">
                          {{ $order->created_at }}
                        </td>
                      </tr>
                    @empty

                    @endforelse

                  </tbody>
                </table>
              </div>
            </div>
            <div id="addresses" class="tab-pane">
              <div class="table-responsive">
                <table class="table table-xs">
                  <thead>
                    <tr>
                      <th>До</th>
                      <th class="text-center">Град</th>
                      <th class="text-center">ПК</th>
                      <th class="text-center">Улица</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($user->addresses as $key => $address)
                      <tr>
                        <td data-label="Куриер">
                          {{-- <strong>Speedy</strong><br> --}}
                          @if ($address->shipping_to == 1)
                            Адрес
                          @else
                            Офис
                          @endif
                        </td>
                        <td data-label="Град" class="text-center">
                          {{ $address->city }}
                        </td>
                        <td data-label="ПК" class="text-center">
                          {{ $address->zip }}
                        </td>
                        <td data-label="Адрес" class="text-center">
                          @if ($address->shipping_to == 1)
                            {{ $address->address }}
                          @else
                            {{ $address->office }}
                          @endif
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
            </div>
            <div id="favorites"  class="tab-pane">
              <table class="table table-sm text-sm">
                <thead>
                  <tr>
                    <th width="7%">Снимка</th>
                    <th>Информация</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($favorites as $key => $favorite)
                  <tr>
                    <td>
                      <a href="
                      {{-- {{ LaravelLocalization::localizeUrl(route('product.frontend.show', ['rewrite' => $favorite->product->translation->rewrite . '-'.$favorite->product->id])) }} --}}
                      " class="product-image"  target="_blank">
                        <img src="{{ asset('storage/products/resized/' . $favorite->product->photo) }}" height="80">
                      </a>
                    </td>
                    <td>
                      <a href="
                      {{-- {{ LaravelLocalization::localizeUrl(route('product.frontend.show', ['rewrite' => $favorite->product->translation->rewrite . '-'.$favorite->product->id])) }} --}}
                      " class="prod-title text-white"  target="_blank">
                        {{ $favorite->product->translation->title }}
                      </a>
                      <span class="price d-block">
                        {{ number_format($favorite->product->last_price, 2) }} лв.
                          <s>
                            <span>
                              {{ ($favorite->product->last_price != $favorite->product->price) ? $favorite->product->price . 'лв.' : (($favorite->product->price_old > 0) ? $favorite->product->price_old . ' лв.' : '') }}
                            </span>
                          </s>
                      </span>
                      {{-- <span class="info d-block"><strong>Вид: </strong>{{ $favorite->product->type->translation->title }}</span> --}}
                      <span class="info d-block"><strong>Арт. No: </strong>{{ $favorite->product->code }}</span>
                    </td>
                  </tr>
                  @endforeach
                </tbody>
              </table>
            </div>
            {{-- <div id="credits-history" class="tab-pane">
              <table class="table table-sm">
                <thead>
                  <tr>
                    <th>Тип</th>
                    <th>Кредити</th>
                    <th>Дата</th>
                    <th>Админ</th>
                  </tr>
                </thead>
                <tbody>
                  @foreach ($user->credits as $key => $credit)
                    @php
                    $type_color = ($credit->type == 1) ? 'text-success' : 'text-danger';
                    @endphp
                    <tr class="{{ $type_color }}">
                      <td>
                        {{ $credit->actionTitle() }}<br>
                        <small>{{ $credit->comment }}</small>
                      </td>
                      <td>
                        {{ $credit->credits }} {{ $credit->currency }}
                      </td>
                      <td>{{ $credit->created_at->format('d.m.Y H:i') }}</td>
                    </tr>
                  @endforeach
                </tbody>
              </table>
            </div> --}}
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection