{{-- @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);">

        <a href="{{ route('minister_supervisor.selectedService') }}" class="btn btn-lg btn-danger rounded-pill px-3" style="margin-bottom: 20px;">
            <i class="fa-solid fa-arrow-left"></i>@lang('messages.back')
        </a>

        <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('minister_supervisor.updateProfile', ['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 }}"
                                                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 }}"
                                                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 }}"
                                                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 mb-3">
                                        <label for="country"
                                            class="col-sm-3 col-form-label logincol">@lang('messages.country'):</label>
                                        <div class="col-sm-6">
                                            <select name="country" id="countrySelect" class="form-control">
                                                <option value="">Select Country</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}"
                                                        @if ($user->country == $country->id) selected @endif>
                                                        {{ $country->title }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="embassy"
                                            class="col-sm-3 col-form-label logincol">@lang('messages.embassy'):</label>
                                        <div class="col-sm-6">
                                            <select name="embassy" id="embassySelect" class="form-control">
                                                <option value="">Select Embassy</option>
                                                @foreach ($embassies as $embassy)
                                                    <option value="{{ $embassy->id }}"
                                                        @if ($user->embassies == $embassy->id) selected @endif>
                                                        {{ $embassy->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </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