@extends('layouts.dashboard')

@section('content')
@if(session()->has('success'))
  <div class="alert alert-success alert-dismissible fade show close-notification" role="alert">
    {{session()->get('success')}}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
@if ($errors->has('name'))
  <div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $errors->first('name') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
@if ($errors->has('email'))
  <div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $errors->first('email') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
@if ($errors->has('password'))
  <div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $errors->first('password') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
@if ($errors->has('thumbnail'))
  <div class="alert alert-danger alert-dismissible fade show" role="alert">
    {{ $errors->first('password') }}
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
      <span aria-hidden="true">×</span>
    </button>
  </div>
@endif
<div class="row d-flex justify-content-center  pt-5 mt-5">
  <div class="col-12 col-xl-5">
    <div class="card nexa-border-light">
      <h4 class="mb-0 p-3 text-center">Profil</h4>
      <div class="nexa-divider"></div>
      <div class="card-body py-4 text-center">
        <form action="{{ url('/dashboard/profile/'.Auth::user()->id) }}"  method="post" enctype="multipart/form-data">
          @csrf
          {{method_field('PATCH')}}
          <div class="form-group">
            <img src="{{asset(Auth::user()->thumbnail)}}" class="img-fluid rounded-circle"  width="110">
          </div>
          <div class="form-group">
            <input type="text" class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" placeholder="Nazwa użytkownika" value="{{Auth::user()->name}}">
          </div>
          <div class="form-group">
            <input type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" placeholder="E-mail" value="{{Auth::user()->email}}">
          </div>
          <div class="form-group">
            <input type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="Hasło">
          </div>
          <div class="form-group">
            <input type="password" class="form-control{{ $errors->has('password-confirm') ? ' is-invalid' : '' }}" name="password_confirmation" placeholder="Powtórz hasło">
          </div>
          <div class="form-group">
            <input type="file" class="form-control-file{{ $errors->has('thumbnail') ? ' is-invalid' : '' }}" name="profile_picture">
            <span class="font-italic float-left">Miniatura profilu musi mieć wymiary: 200 x 200 px.</span>
          </div>
          <div class="form-group">
            <button type="submit" name="button" class="btn btn-primary btn-md rounded btn-block">Zapisz zmiany</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection