@extends('layouts.dashboard')
@section('content')
    <div class="row">
        <div class="col-sm-6 offset-sm-3">
            @if (Auth::user()->public_name)
                
            
            <div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
              <strong>Your current public profile link : </strong><br>
              <a href="{{route('profile.url',Auth::user()->public_name)}}" target="_blank">
              {{route('profile.url',Auth::user()->public_name)}}
            </a>
            </div>
            @endif
           
            <div class="card mt-3">
                <div class="card-header">Set your public name</div>
                <div class="card-body">
                    
            @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        
        @if (session()->has('message'))
        <div class="alert alert-{{ session('type') }}">
            {{ session('message') }}
        </div>
        @endif
            <form action="{{ route('dashboard.profile.setPublicName') }}" method="post">
            @csrf
            <div class="form-group">
              <label for="public_name">Write your desired public name</label>
              <input type="text" name="public_name" id="public_name" class="form-control" placeholder="" aria-describedby="helpId" value=" {{ (Auth::user()->public_name)?Auth::user()->public_name:''}}">
             
            </div>
            <div class="form-group">
                <input type="submit" value="Submit" class="btn btn-primary">
            </div>
            
            
              
            
            </form>
            
        </div>
    </div>
        </div>
    </div>
 
@endsection