@extends('account::layouts.account')

@section('content')

    <h4 class="my-3">My profile</h4>

    <x-form.error.alerts class="mb-3"/>

    <form method="POST" action="{{ route('account.update') }}">

        @csrf
        <div class="row">
            <x-form.text
                scope="frontend"
                class="mb-3"
                name="fname"
                label="First Name"
                :value="old('fname',$job->fname)"
                required/>

            <x-form.text
                scope="frontend"
                class="mb-3"
                name="lname"
                label="Last Name"
                :value="old('lname',$job->lname)"
                required/>
        </div>

        <div class="row">
            <div class="col-12 col-md-6">
                @include('account::user.form.email', compact('user'))
            </div>
            <div class="col-12 col-md-6">
                @include('account::user.form.phone', compact('user'))
            </div>
        </div>

        <x-form.select.country :hasLabel="true" :value="'name'" :default="$user->country"/>

        <div class="row">
            <div class="col-12">
                @include('account::user.form.city_of_residence', compact('user'))
            </div>
        </div>

        <x-form.select.nationality :hasLabel="true" :value="'name'" :default="$user->nationality"/>

        @if ($user->is('user'))
            <x-form.select.profession :hasLabel="true" :value="'name'" :default="$user->profession"/>
        @endif

        <div class=" d-none">
            <h4 class="mb-3">Social Links</h4>
            <div class="form-group">
                <label>Facebook</label>
                <input type="text" class="form-control" value="">
            </div>
            <div class="form-group">
                <label>Twitter</label>
                <input type="email" class="form-control" value="">
            </div>
            <div class="form-group">
                <label>Linkedin</label>
                <input type="text" class="form-control" value="">
            </div>
        </div>

        <div class="form-group  mt-3">
            <button type="submit" class="btn btn-md btn-success">Update</button>
        </div>
    </form>
@endsection