@extends('header.headerlogin')

@section('titleLogin', __('vendor-registration'))

@section('contentLogin')
    <style>
        .alert {
            padding: 15px;
            margin-bottom: 20px;
            border: 1px solid transparent;
            border-radius: 4px;
        }

        .alert-success {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6;
        }
    </style>

    <div class="header bg-gradient-primary py-7 py-lg-8">
        <div class="container">
            <div class="header-body text-center mb-5">
                <div class="row justify-content-center">
                    <div class="col-lg-5 col-md-6">
                        <h1 class="text-white"></h1>
                    </div>
                </div>
            </div>
        </div>
        <div class="separator separator-bottom separator-skew zindex-100">
            <svg x="0" y="0" viewBox="0 0 2560 100" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
                <polygon class="fill-default" points="2560 0 2560 100 0 100"></polygon>
            </svg>
        </div>
    </div>

    <div class="container mt--8 pb-5">
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="card bg-secondary shadow border-0">
                    <div class="card-header bg-transparent pb-5">
                        <div class="card-body px-lg-5 py-lg-5">
                            <div class="text-center text-muted mb-4">
                                <div class="d-flex justify-content-between align-items-center">
                                    <h3 class="flex-grow-1 text-center">{{ __('vendor-subscription-renewal') }}</h3>
                                    @if (session('success'))
                                        <div class="alert alert-success flex-grow-1 text-center">
                                            {{ session('success') }}
                                        </div>
                                    @endif
                                    <div class="dropdown lang">
                                        <a class="app-nav__item dropdown-toggle" href="#" data-toggle="dropdown" aria-label="Open Profile Menu">
                                            <i class="fas fa-globe" style="color:#ca6620"></i>
                                            <span class="lang-name" style="color:#ca6620">
                                                {{ __(\Illuminate\Support\Facades\App::getLocale()) }}
                                            </span>
                                        </a>
                                        <ul class="dropdown-menu settings-menu">
                                            @foreach (config()->get('app.languages') as $langKey => $langText)
                                                @if (app()->getLocale() !== $langKey)
                                                    <li>
                                                        <a class="dropdown-item @if (isArabic($langText)) arabic-font @endif" href="{{ getSameWithNewLanguage($langKey) }}">
                                                            <img src="{{ asset('assets/img/flags/download.jpg') }}" style="width: 20px" alt="">
                                                            {{ $langText }}
                                                        </a>
                                                    </li>
                                                @endif
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                                <hr>
                            </div>
                            <form method="post" action="{{ route('vendor.subscription-renewal.store') }}" enctype="multipart/form-data">
                                @csrf
                                <div class="row">
                                    <div class="col-lg-5">
                                        <div class="form-group">
                                            <label class="form-control-label" for="email">{{ __('Email') }} <span class="text-danger">*</span></label>
                                            <input type="email" name="email" id="email" class="form-control" placeholder="{{ __('Enter-Email') }}" value="{{ old('email') }}" required>
                                        </div>
                                        @error('email')
                                            <div class="input-error text-danger" style="text-align:{{ \Illuminate\Support\Facades\App::getLocale() == 'en' ? '' : 'end' }} ">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                             <hr class="my-4 ">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <button type='submit' class="btn btn-primary" name="addRestaurant" style="text-align: end;">{{ __('Submit') }}</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js-scripts-login')
@endsection