{{-- @extends('layouts.mastersupervisor') --}}
@extends('layouts.master')

@section('content')
    {{-- <div class="container-fluid p-5 admin_bg" style="min-height: calc(100vh - 110px);"> --}}

    {{-- <div class="p-5 supervisor {{ Auth::check() && Auth::user()->country == 17 ? 'africa' : 'logobanner' }}" --}}
    <div class="p-5 bgImage" 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('supervisorProfile', ['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="embassies" value="{{ $user->embassies }}" disabled
                                                class="form-control" required />
                                        </div>
                                    </div>

                                    {{-- <div class="row">
                                        <div class="col-md-12 text-center">
                                            <button type="submit" class="btn btn-outline-dark btn-md px-3 savebutton"><i class="fa-thin fa-greater-than"></i>@lang('messages.update')</button>
                                        </div>
                                    </div> --}}
                                </form>

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