@extends('client.layouts.app')

@section('title', __('Profile'))

@section('content')
<section class="container-fluid registerForm registerCompany">
    <div class="row">
        <div class="col-sm-12 cardsContainer">
            <div class="container-card">
                <h2 class="text-center">Modifica Profilo</h2>
                <form class="text-center align-self-center register" method="POST" action="{{ route('profile.update',$user->id) }}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="row">
                        <div class="form-group col-sm-6">
                            <input type="text" name="first_name" value="{{ old('first_name') ?? $user->first_name}}" class="@error('first_name') is-invalid @enderror" placeholder="Nome" />
                            @error('first_name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-sm-6">
                            <input name="last_name" value="{{ old('last_name') ?? $user->last_name}}" class="@error('last_name') is-invalid @enderror" type="text" placeholder="Cognome" />
                            @error('last_name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-sm-6">
                            <input name="username" value="{{ old('username') ?? $user->username}}" class="@error('username') is-invalid @enderror" type="text" placeholder="Nome utente" />
                            @error('username')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-sm-6">
                            <input name="password" value="{{ old('password')}}" class="@error('password') is-invalid @enderror" type="password" placeholder="Password" />
                            @error('password')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-sm-6">
                            <input name="code" value="{{ old('code') ?? $user->code}}" class="@error('code') is-invalid @enderror" type="text" placeholder="Codice"  readonly/>
                            @error('code')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="form-group col-sm-6">
                            <input name="phone" value="{{ old('phone') ?? $user->phone}}" class="@error('phone') is-invalid @enderror" type="tel" placeholder="Telefono" />
                            @error('phone')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                        <div class="col-sm-6">
                            <select name="nation" id="txtTipoOrdine" class="combobox">
                                <option value="">Seleziona...</option>
                                @foreach($nations as $nation)

                                <option value="{{$nation->id}}" @if($user->nation_id == $nation->id) selected @endif>{{$nation->name_it}}</option>

                                @endforeach
                            </select>
                        </div>

                        <div class="form-group col-sm-6 do-profile-image">
                            @if($user->profile_picture)
                            <img width="200" src="{{asset('storage/'.$user->profile_picture)}}" alt="{{$user->fullname}}" class="img-thumbnail mx-auto d-block">
                            <a href="#!" id="removeProfilePicture">Rimouvi Immagine Profilo</a>
                            @else
                            <div class="input-group">
                                <div class="custom-file">
                                    <input name="profile_picture" type="file" class="custom-file-input" id="customFile" accept=".png, .jpg, .jpeg" />
                                    <label class="custom-file-label" for="customFile">Carica Immagine Profilo</label>
                                </div>
                            </div>
                            @endif 

                        </div>

                        <div class="form-group col-sm-12">
                            <button type="submit">Salva</button>
                        </div>
                    </div>
                </form>
                <div>
                    <ul>
                        <li>Gli eurobonus accumulati devono essere utilizzati entro 12 mesi dalla data di maturazione.</li>
                        <li>Dopo tale periodo saranno automaticamente rimossi dall’account e in ogni caso non più utilizzabili. Il loro mancato utilizzo non comporta alcun diritto di richiesta risarcitoria da parte del cliente titolare dell’account.</li>
                        <li>Gli eurobonus sono utilizzabili unicamente sul portale UNO per l’acquisto di prodotti e servizi.</li>
                        <li>Optovista si riserva la facoltà, in qualsiasi momento, di poter modificare il meccanismo di attribuzione degli eurobonus.</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection