@extends('base')

@section('content')

<h1 class="mt-5">Settings</h1>
<div class="graph-card px-4 py-3 my-3" style="max-width: 600px;">
    <h2 class="d-inline-block" style="color: #727E88;">Update Profile</h2>
    <div class="d-inline-block float-end">
        <img src="{{ secure_asset('images/flag.svg') }}" alt="...">
    </div>
    <form class="my-3" method="POST" action="{{ secure_url('/setting/update', auth()->user()->id) }}" enctype="multipart/form-data">
        @csrf
        <label>Name:</label>
        <input type="text" name="name" value="{{ $user->name }}" class="audit-name mb-3 form-control px-3 py-2" id="TextInput">

        <label>Email:</label>
        <input type="email" name="email" value="{{ $user->email }}" class="audit-name mb-3 form-control px-3 py-2" id="TextInput">

        <label>Password:</label>
        <input type="password" name="password" class="audit-name mb-3 form-control px-3 py-2" id="TextInput" autocomplete="new-password">

        <label>Confirm Password:</label>
        <input type="password" name="password_confirmation" class="audit-name mb-3 form-control px-3 py-2" id="TextInput">

        <label>Profile picture:</label>
        <input type="file" name="file" class="audit-name mb-3 form-control px-3 py-2">

         @if ($errors->has('name'))
            <div class="text-danger">
                {{ $errors->first('name') }}
            </div>
        @endif
        @if ($errors->has('email'))
            <div class="text-danger">
                {{ $errors->first('email') }}
            </div>
        @endif
        @if ($errors->has('password'))
            <div class="text-danger">
                {{ $errors->first('password') }}
            </div>
        @endif
        @if ($errors->has('file'))
            <div class="text-danger">
                {{ $errors->first('file') }}
            </div>
        @endif

        <div class="text-end">
            <button type="submit" class="btn btn-primary vl-btn-small">Save & Exit</button>
        </div>
    </form>
</div>

@endsection