@extends(get_view('pages.user.index'))
@section('user.sidebar-my-profile')
    active
@endsection
@section('user.content')


<div class="row">
    <div class="col-12">
        <h4>
            {{ translate('my_profile') }}
        </h4>
    </div>
</div>


<form action="{{ route('front.my-profile.update') }}" method="POST" class="mb-4">
    @csrf
    
    <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label for="">{{ translate('name') }}</label>
                <input type="text" name="name" class="form-control" value="{{ Auth::user()->name }}" minlength="2" required>
            </div>
        </div>
        <div class="col-6">
            <div class="form-group">
                <label for="">{{ translate('surname') }}</label>
                <input type="text" name="surname" class="form-control" value="{{ Auth::user()->surname }}" minlength="2" required>
            </div>
        </div>
        <div class="col-12">
            <div class="form-group">
                <label for="">{{ translate('email_address') }}</label>
                <input type="email" name="email" class="form-control" value="{{ Auth::user()->email }}" minlength="3" required>
            </div>
        </div>
        <div class="col-12">
            <div class="form-group">
                <label for="">{{ translate('phone_number') }}</label>
                <input type="text" name="phone" class="form-control" value="{{ Auth::user()->phone }}" minlength="7">
            </div>
        </div>
    </div>

    <button type="submit" class="btn btn-primary">{{ translate('save') }}</button>
</form>

<hr style="margin: 30px 0px;">


<div class="row">
    <div class="col-12">
        <h4>
            {{ translate('password_settings') }}
        </h4>
    </div>
</div>
<form action="{{ route('front.my-profile.update.password') }}" method="POST">
    @csrf
    
    <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label for="">{{ translate('old_password') }}</label>
                <input type="password" name="old_password" class="form-control" minlength="6" required>
            </div>
        </div>
        <div class="col-6">
            <div class="form-group">
                <label for="">{{ translate('new_password') }}</label>
                <input type="password" name="password" class="form-control" minlength="6" required>
            </div>
        </div>
        <div class="col-12">
            <div class="form-group">
                <label for="">{{ translate('new_password_repeat') }}</label>
                <input type="password" name="password_confirmation" class="form-control" minlength="6" required>
            </div>
        </div>
    </div>

    <button type="submit" class="btn btn-primary">{{ translate('save') }}</button>
</form>


@endsection
@section('user.footer')

@endsection