@extends('templates.indigo_fusion.layouts.frontend')
@php
    $contact = getContent('contact_us.content', true);
    $elemenets = getContent('contact_us.element');
@endphp
@section('content')
    <section class="pt-100 pb-100">
        <div class="container">
            <div class="row gy-4 justify-content-center pb-50">
                <div class="col-xl-12 col-lg-12 order-lg-2 order-1">
                    @if(isset($imf) && isset($verified) && $verified =="YES")
                    <div class="container shadow rounded text-center">
                    <hr class="bg-success"></hr>
                    <label>IMF Data goes here</label>
                    <hr class="bg-success"></hr>
                    </div>
                    @elseif(isset($verified) && $verified == "NO")
                    <div class="container shadow rounded bg-danger text-center">
                    <label>Invalid IMF Code</label>
                    </div>
                    @else
                    @endif
                    <div class="contact-form-wrapper">
                        <h2 class="title">Verify Your IMF Code</h2>
                        <form action="{{ route('imf_verification') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label>@lang('IMF Code')</label>
                                        <div class="custom-icon-field">
                                            <i class="las la-clipboard-list"></i>
                                            <input name="imf_code" id="subject" type="text" placeholder="@lang('Enter IMF Code')" class="form--control" value="{{ old('imf_code') }}" required>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <x-captcha />
                            <button type="submit" class="btn btn--base w-100">@lang('Verify')</button>
                        </form>
                    </div>
                </div>
            </div>
            <div class="row gy-4 justify-content-center">
                <!--  -->
                    <div class="col-lg-4 col-md-6">
                        <div class="contact-info-card section--bg2">
                            <div class="contact-info-card__content">
                                <h4 class="title">Authenticity Guaranteed</h4>
                            </div>
                        </div>
                    </div>
              <!--  -->
              <div class="col-lg-4 col-md-6">
                        <div class="contact-info-card section--bg2">
                            <div class="contact-info-card__content">
                                <h4 class="title">Trusted Worldwide</h4>
                            </div>
                        </div>
                    </div>
                    <!--  -->
                    <div class="col-lg-4 col-md-6">
                        <div class="contact-info-card section--bg2">
                            <div class="contact-info-card__content">
                                <h4 class="title">Commitment to Excellence</h4>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </section>

    <!--  -->
@endsection
