@extends('layouts.auth')

@section('content')
    <div class="d-flex">
        <h3 class="flex-grow-1">My Profile</h3>
    </div>
    <div class="card">
        <div class="card-body">
            <form method="POST" action="{{ route('update-profile', $user) }}" enctype="multipart/form-data">
                @csrf
                <div class="form-group mb-3">
                    <label for="name">Name</label>
                    <input id="name" class="form-control {{ $errors->has('name') ? 'is-invalid' : '' }}" name="name" value="{!! $user->name !!}" type="text"placeholder="First Name" required />
                    @error('first_name')
                        <span class="invalid-feedback" role="alert">
                            {{ $message }}
                        </span>
                    @enderror
                </div>
                <div class="form-group mb-3">
                    <label for="phoneNumber">Phone Number</label>
                    <input id="phoneNumber" class="form-control {{ $errors->has('phoneNumber') ? 'is-invalid' : '' }}" name="phoneNumber" type="text" placeholder="Last Name" value="{!! $user->phone_number  !!}" required />
                    @error('phoneNumber')
                        <span class="invalid-feedback" role="alert">
                            {{ $message }}
                        </span>
                    @enderror
                </div>
                <div class="form-group mb-3">
                    <label for="dateOfBirth">Date of birth</label>
                    <input id="dateOfBirth" class="form-control {{ $errors->has('dateOfBirth') ? 'is-invalid' : '' }}" name="dateOfBirth" type="date" placeholder="Last Name" value="{!! $user->date_of_birth  !!}" />
                    @error('dateOfBirth')
                        <span class="invalid-feedback" role="alert">
                            {{ $message }}
                        </span>
                    @enderror
                </div>
                <div class="form-group mb-3">
                    <label for="email">Email Address</label>
                    <input id="email" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" name="email" value={{ $user->email }} type="text" placeholder="Email Address" required disabled />
                    @error('email')
                        <span class="invalid-feedback" role="alert">
                            {{ $message }}
                        </span>
                    @enderror
                </div>

                <div class="form-group mb-3">
                    <label for="profilePicture">Upload Profile Picture</label>
                    <input type="file" class="form-control {{ $errors->has('profilePicture') ? 'is-invalid' : '' }}" name="profilePicture">
                    @error('profilePicture')
                    <span class="invalid-feedback" role="alert">
                        {{ $message }}
                    </span>
                @enderror
                </div>

                <div class="w-50 ">
                    <input type="hidden" name="_method" value="PUT">
                    <button type="submit" class="btn btn-primary">Update</button>
                </div>

            </form>
        </div>
    </div>
@endsection