{{-- @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.upload_sign')</h3>
                                @if (Session('error'))
                                    <div class="alert alert-warning" role="alert">
                                        {{ Session('error') }}
                                    </div>
                                @endif
                                @if (Session('success'))
                                    <div class="alert alert-success" role="alert">
                                        {{ Session('success') }}
                                    </div>
                                @endif
                                <div class="row mb-5">
                                    <div class="col-md-4 fw-bold">
                                        Existing Signatutures :- 
                                    </div>
                                    <div class="col-md-4">
                                    @if($user->signature)
                                    <img src='{{ asset('/storage/' . $user->signature) }}'  width="150px" />
                                    @else
                                    <p>No Signatures Uploaded yet.</p>
                                    @endif
                                    </div>
                                </div>
                                <form action="{{ route('updateSign') }}" method="POST" enctype="multipart/form-data">
                                    @csrf

                                    <div class="row mb-3">
                                        <label for="fname" class="col-sm-3 col-form-label fw-bold">@lang('messages.upload_sign')
                                            :</label>
                                        <div class="col-sm-6">
                                            <input type="file" name="supervisorSign" value="" required
                                                class="form-control" />
                                        </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