@extends('layouts.master')

@section('title', 'Express54')

@section('content')

    {{-- <div class="container-fluid p-5 profilebgimage {{ Auth::check() && Auth::user()->country == 17 ? 'africa' : 'myprofile' }}" style="min-height: calc(100vh - 110px);"> --}}
    <div class="container-fluid p-5 profilebgimage custom_myprofile" style="min-height: calc(100vh - 110px)">
        <section class="gradient-custom">
            <div class="container-fluid h-100">
                <div class="row d-flex justify-content-center align-items-center h-100">
                    <div class="col-12 col-md-8 col-lg-6 col-xl-6">
                        <div class="card bg-white text-black" style="border-radius: 1rem;">
                            <div class="card-body p-4">
                                <h3 class="mb-5 custom-heading">@lang('messages.my_profile')</h3>
                                @if (Session('error'))
                                    <div class="alert alert-warning" role="alert">
                                        {{ Session('error') }}
                                    </div>
                                @endif

                                <form action="{{ route('employeeProfile', ['id' => $user->id]) }}" method="POST">
                                    @csrf

                                    <div class="row mb-3">
                                        <label for="fname" class="col-sm-3 col-form-label logincol">@lang('messages.name')
                                            :</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="fname" value="{{ $user->fname }}" disabled
                                                class="form-control" required />
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="lname" class="col-sm-3 col-form-label logincol">@lang('messages.last_name')
                                            :</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="lname" value="{{ $user->lname }}" disabled
                                                class="form-control" required />
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="lname" class="col-sm-3 col-form-label logincol">@lang('messages.email')
                                            :</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="email" value="{{ $user->email }}" disabled
                                                class="form-control" required />
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="lname" class="col-sm-3 col-form-label logincol">@lang('messages.country')
                                            :</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="country" value="{{ $user->country }}" disabled
                                                class="form-control" required />
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <label for="lname" class="col-sm-3 col-form-label logincol">@lang('messages.embassy')
                                            :</label>
                                        <div class="col-sm-6">
                                            <input type="text" name="country" value="{{ $user->embassies }}" disabled
                                                class="form-control" required />
                                        </div>
                                    </div>

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