@extends('layouts.master')

@section('content')
<div class="container-fluid produtoTopo produtoTopo" style="background: url({{ asset('imagens/minhacontafundo.png') }}) no-repeat top center fixed !important;">
    <div class="container containerColecao">
        <div class="row">
            <h1 style="display: flex; color: #fff; font-size: 75px; align-items: center;">{{__("messages.MinhaContaBladeMinha")}}</h1>
        </div>
    </div>
</div>
<div class="container-fluid revistaApoiadoresFundoCol3" style="background: #8fa6a9; filter: drop-shadow(0px 2px 2px #9999); margin-bottom: 10px;">
    <div class="container">
        <div class="row">
            <ul class="nav nav-tabs centerTab" id="myTab" role="tablist">
              <li class="nav-item centerTab" role="presentation">
                <button class="nav-link buscaLink active" id="minhabiblioteca-tab" data-bs-toggle="tab" data-bs-target="#minhabiblioteca" type="button" role="tab" aria-controls="minhabiblioteca" aria-selected="true"> {{__("messages.MinhaContaBladeBiblioteca")}}</button>
              </li>
              <!--<li class="nav-item centerTab" role="presentation">
                <button class="nav-link buscaLink" id="videos-tab" data-bs-toggle="tab" data-bs-target="#meusfavoritos" type="button" role="tab" aria-controls="meusfavoritos" aria-selected="false">{{__("messages.MinhaContaBladeFavoritos")}}</button>
              </li>-->
              <li class="nav-item centerTab" role="presentation">
                <button class="nav-link buscaLink" id="minhaconta-tab" data-bs-toggle="tab" data-bs-target="#minhaconta" type="button" role="tab" aria-controls="minhaconta" aria-selected="false">{{__("messages.MinhaContaBladeMyac")}}</button>
              </li>
            </ul>
        </div>
    </div>
</div>
<div class="container tab-content" id="myTabContent" style="margin-top: 50px; margin-bottom: 50px;">
    <!-- TAB Minha biblioteca -->
    <div class="tab-pane fade show active" id="minhabiblioteca" role="tabpanel" aria-labelledby="minhabiblioteca-tab">
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-sm-12">
                <h1>{{__("messages.MinhaContaBladeComprados")}}</h1>
            </div>
        </div>
        <div class="row">
            @if(count($minhaconta['minhabiblioteca']->rows) == 0)

            <h2>{{__("messages.MinhaContaBladeNoComprados")}}</h2>

            @else

                @foreach ($minhaconta['minhabiblioteca']->rows as $key => $produto)
                    <article class="col-6 col-md-3 col-lg-2">
                        <a href="{{ route('produtocomprado') }}/{{ $produto->id }}/{{ str_replace(' ', '-', $produto->title) }}" alt="{{ $produto->title }} - {{ $produto->brief }}" class="tiraUnderline">
                            <img class="img-fluid sombrita arredonda-imagem" src="{{ $produto->cover }}" alt="{{ $produto->title }} - {{ $produto->brief }}" width="100%" height="auto">
                            <h1 class="colecaoRound">
                                {{ $produto->title }}
                            </h1>
                            <p style="display: none !important;">{{ $produto->brief }}</p>
                        </a>
                    </article>
                @endforeach

            @endif
        </div>
    </div>

    <!-- TAB Meus favoritos -->
    <!--<div class="tab-pane fade show" id="meusfavoritos" role="tabpanel" aria-labelledby="meusfavoritos-tab">
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-sm-12">
                <h1>{{__("messages.MinhaContaBladeFavoritados")}}</h1>
            </div>
        </div>
        <div class="row">

            @if(count($minhaconta['meusFav']->rows) == 0)

            <h2>{{__("messages.MinhaContaBladeNoFavoritos")}}</h2>

            @else

                @foreach ($minhaconta['meusFav']->rows as $key => $produto)
                    <article class="col-6 col-md-3">
                        <a href="{{ route('revista') }}/{{ $produto->productItem->product->id }}/{{ str_replace(' ', '-', $produto->productItem->product->title) }}/{{ $produto->productItem->id }}" alt="{{ $produto->productItem->title }} - {{ $produto->productItem->brief }}" class="tiraUnderline">
                            @if($produto->productItem->cover == null)
                                <img class="img-fluid sombrita arredonda-imagem" src="{{ $produto->productItem->product->cover }}" alt="{{ $produto->productItem->title }} - {{ $produto->productItem->brief }}" width="100%" height="auto">
                            @else
                                <img class="img-fluid sombrita arredonda-imagem" src="{{ $produto->productItem->cover }}" alt="{{ $produto->productItem->title }} - {{ $produto->productItem->brief }}" width="100%" height="auto">
                            @endif
                            <h1 class="colecaoRound">
                                {{ $produto->productItem->title }}
                            </h1>
                            <p style="display: none !important;">{{ $produto->productItem->brief }}</p>
                        </a>
                    </article>
                @endforeach

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

    <!-- TAB Minha conta -->
    <div class="tab-pane fade show" id="minhaconta" role="tabpanel" aria-labelledby="minhaconta-tab">
        <div class="row" style="margin-bottom: 30px;">
            <div class="col-sm-12">
                <h1>{{__("messages.MinhaContaBladeDados")}}</h1>
            </div>
            <form method="POST" action="{{ route('attcadastro') }}" enctype="multipart/form-data">
            @csrf
                <div class="row">
                    <div class="col-sm-6 mb-3">
                        <label for="nome" class="form-label">{{__("messages.MinhaContaBladeName")}}</label>
                        <input type="text" name="nome" class="form-control" id="NomeLabel" aria-describedby="nome" value="{{ session()->get('usuario')->fullName }}">
                    </div>
                    <div class="col-sm-6 mb-3">
                        <label for="email" class="form-label">{{__("messages.MinhaContaBladeEmail")}}</label>
                        <input type="email" name="email" class="form-control" id="email" aria-describedby="email" value="{{ session()->get('usuario')->email }}">
                    </div>
                    <div class="col-sm-6 mb-3">
                        <label for="cpf" class="form-label">{{__("messages.MinhaContaBladeCpf")}}</label>
                        <input type="text" name="cpf" class="form-control" id="cpf" aria-describedby="cpf" value="{{ session()->get('usuario')->documentNumber }}">
                    </div>
                    <div class="col-sm-6 mb-3">
                        <div class="row">
                            <label for="telefone" class="form-label">{{__("messages.MinhaContaBladePhone")}}</label>
                            <div class="col-md-3">