@extends('layouts.backoffice')

@section('styles')
<style>
    .nav-tabs-custom {
        background: unset !important;
    }

    .lockerFavoritos{
        border-radius: 5px;
        border-color: transparent;
        border-style: solid;
        border-width: 1px;
        margin:5px;
        /* width: 70%; */
    }

</style>
@endsection

 
@section('content')
<div class="row">

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

        <div class="box">
            <div class="box-body box-profile">
                <img class="profile-user-img img-responsive img-circle" src="{{ asset('/img/logo_fundo_branco.png') }}"
                    alt="User profile picture">
                <h3 class="profile-username text-center">{{ $usuarioModel->name }}</h3>
                <p class="text-muted text-center">{{ $usuarioModel->email }}</p>
                <ul class="list-group list-group-unbordered">
                    <li class="list-group-item">
                        <b>Minha Carteira</b>
                        <a class="pull-right">{{ App\Helpers\Monetario::formataParaMoeda($carteira["disponivel"]) }}</a>
                    </li>
                    {{-- <li class="list-group-item">
                            <b>Envios Realizados</b>
                            <a class="pull-right">543</a>
                        </li>
                        <li class="list-group-item">
                            <b>Total</b>
                            <a class="pull-right">13,287</a>
                        </li> --}}
                </ul>
                {{-- <a href="#" class="btn btn-primary btn-block"><b>Follow</b></a> --}}
            </div>
        </div>

        {{-- <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">Ticket</h3>
            </div>
            <div class="box-body">
                <table class="table table-bordered">
                    <tbody>
                        <tr>
                            <th>#</th>
                            <th>Assunto</th>
                            <th></th>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>Update software</td>
                            <td>
                                <button type="button" class="btn btn-block btn-default btn-sm">Abrir</button>
                            </td>
                        </tr>
                        
                    </tbody>
                </table>
            </div>
        </div> --}}

    </div>

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

        <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#dados" data-toggle="tab" aria-expanded="false">Dados pessoais</a>
                </li>
                <li class="">
                    <a href="#endereco" data-toggle="tab" aria-expanded="false">Endereço</a>
                </li>
                <li class="">
                    <a href="#lockers" data-toggle="tab" aria-expanded="false">Meus Lockers</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="dados">
                    <form method="POST" name="myaccount_edit" class="form-horizontal" action="/usuario/perfil/salvar">
                        @csrf
                        <div class="form-group">
                            <label for="inputName" class="col-sm-2 control-label">Nome</label>
                            <div class="col-sm-10">
                                <input name="name" type="text" class="form-control" id="inputName" placeholder="Nome"
                                    value="{{ $usuarioModel->name }}" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail" class="col-sm-2 control-label">E-mail</label>
                            <div class="col-sm-10">
                                <input name="email" type="email" class="form-control" placeholder="E-mail"
                                    value="{{ $usuarioModel->email }}" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputEmail" class="col-sm-2 control-label">CPF</label>
                            <div class="col-sm-10">
                                <input name="cpf" type="text" class="form-control mascara-cpf" placeholder="CPF"
                                    value="{{ $usuarioModel->cpf }}" disabled>
                            </div>
                        </div>
                        <div class="form-group has-feedback {{ $errors->has('data_nascimento') ? 'has-error' : '' }}">
                            <label for="inputEmail" class="col-sm-2 control-label">Data nascto</label>
                            <div class="col-sm-10">
                                <input name="data_nascimento" type="date" class="form-control"
                                    placeholder="Data de nascimento"
                                    value="{{ ($usuarioModel->data_nascimento) ? $usuarioModel->data_nascimento->format('Y-m-d') : '' }}">
                                @if ($errors->has('data_nascimento'))
                                <span class="help-block">
                                    {{ $errors->first('data_nascimento') }}
                                </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group has-feedback {{ $errors->has('id_genero') ? 'has-error' : '' }}">
                            <label class="col-sm-2 control-label">Sexo</label>
                            <div class="col-sm-10">
                                <select name="id_genero" class="form-control" placeholder="Tipo de endereço">
                                    {!! \App\Helpers\Utilidade::escreveOpcoesSelect($categorias, 'id', 'descricao',
                                    $usuarioModel->id_genero) !!}
                                </select>
                                @if ($errors->has('id_genero'))
                                <span class="help-block">
                                    {{ $errors->first('id_genero') }}
                                </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group has-feedback {{ $errors->has('telefone') ? 'has-error' : '' }}">
                            <label for="inputEmail" class="col-sm-2 control-label">Telefone</label>
                            <div class="col-sm-10">
                                <input name="telefone" type="text" class="form-control mascara-telefone"
                                    placeholder="Telefone" value="{{ $usuarioModel->telefone }}">
                                @if ($errors->has('telefone'))
                                <span class="help-block">
                                    {{ $errors->first('telefone') }}
                                </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-primary">Salvar</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane" id="endereco">
                    {!! Form::model($enderecoModel, ['url' => '/usuario/endereco/salvar', 'method' => 'post', 'class' => 'form-horizontal']) !!}
                    @csrf
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Tipo Endereço</label>
                            <div class="col-sm-10">
                                <select name="id_tipo_endereco" class="form-control" placeholder="Tipo de endereço">
                                    {!! \App\Helpers\Utilidade::escreveOpcoesSelect($tipo_endereco, 'id', 'descricao', isset($enderecoModel->id_tipo_endereco) ? $enderecoModel->id_tipo_endereco : '' ) !!}
                                </select>
                                @if ($errors->has('id_tipo_endereco'))
                                <span class="help-block">
                                    {{ $errors->first('id_tipo_endereco') }}
                                </span>
                                @endif
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Endereço</label>
                            <div class="col-sm-10">
                                {!! Form::text('endereco', null, ['class' => 'form-control']) !!}
                                {{-- <input name="endereco" type="text" class="form-control" value="{{ $enderecoModel->endereco }}"> --}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Número</label>
                            <div class="col-sm-10">
                                {!! Form::text('numero', null, ['class' => 'form-control']) !!}
                                {{-- <input name="numero" type="text" class="form-control" value="{{ $enderecoModel->numero }}"> --}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Complemento</label>
                            <div class="col-sm-10">
                                {!! Form::text('complemento', null, ['class' => 'form-control']) !!}
                                {{-- <input name="complemento" type="text" class="form-control" value="{{ $enderecoModel->complemento }}"> --}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Cep</label>
                            <div class="col-sm-10">
                                {!! Form::text('cep', null, ['class' => 'form-control mascara-cep']) !!}
                                {{-- <input name="cep" type="text" class="form-control mascara-cep" value="{{ $enderecoModel->cep }}"> --}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Bairro</label>
                            <div class="col-sm-10">
                                {!! Form::text('bairro', null, ['class' => 'form-control']) !!}
                                {{-- <input name="bairro" type="text" class="form-control" value="{{ $enderecoModel->bairro }}"> --}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Estado</label>
                            <div class="col-sm-10">
                                {!! Form::text('estado', null, ['class' => 'form-control']) !!}
                                {{-- <input name="estado" type="text" class="form-control" value="{{ $enderecoModel->estado }}"> --}}
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Cidade</label>
                            <div class="col-sm-10">
                                {!! Form::text('cidade', null, ['class' => 'form-control']) !!}
                                {{-- <input name="cidade" type="text" class="form-control" value="{{ $enderecoModel->cidade }}"> --}}
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-primary">Salvar</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="tab-pane lockerFavoritos" id="lockers">
                    <form method="POST" name="myaccount_edit" class="form-horizontal" action="/usuario/lockers/salvar">
                        @csrf
                        <div class='row'>
                                <div class="container">
                                    @foreach( $lockersEscolhidos as $key => $locker )
                                        <div class="row">
                                            
                                            <div class="col-sm-1">
                                                {{ $key+1 }}<s>º</s>
                                            </div>
                                            <div class="col-sm-3">
                                                {{ $locker['lockerName']  }}   
                                            </div>
                                            <div class="col-sm-2">
                                                {{ $locker['address'] }} {{ $locker['number'] }}  - {{ $locker['district'] }}
                                            </div>
                                        </div>                                        
                                    @endforeach
                                </div>
                            </div>                       
                        <div class="form-group">                           
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>

</div>
@endsection