@extends('layouts.vendor')

@section('content')
    <div class="content-area">
        <div class="mr-breadcrumb">
            <div class="row">
                <div class="col-lg-12">
                    <h4 class="heading">{{ __('Vendor Verification') }}</h4>
                    <ul class="links">
                        <li>
                            <a href="{{ route('vendor-dashboard') }}">{{ __('Dashboard') }}</a>
                        </li>
                        <li>
                            <a href="{{ route('vendor-verify') }}">{{ __('Vendor Verification') }}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="add-product-content">
            <div class="row">
                <div class="col-lg-12">
                    <div class="product-description">
                        <div class="body-area">
                            @if (Auth::user()->checkWarning())
                                <div class="alert alert-danger validation text-center">
                                    <h3>{{ Auth::user()->displayWarning() }} </h3>
                                </div>
                            @endif
                            @if ($data->checkVerification())
                                <div class="alert alert-success validation" style="">
                                    <p class="text-left">
                                    <div class="text-center"><i class="fas fa-check-circle fa-4x"></i><br>
                                        <h3>{{ __('Your Documents Submitted Successfully.') }}</h3>
                                    </div>
                                    </p>
                                </div>
                            @else
                                @include('includes.admin.form-both')

                                <div class="gocover"
                                    style="background: url({{ $gs->adminLoaderUrl }}) no-repeat scroll center center rgba(45, 45, 45, 0.5);">
                                </div>
                                <form id="verifyform" action="{{ route('vendor-verify-submit') }}" method="POST"
                                    enctype="multipart/form-data">
                                    {{ csrf_field() }}



                                    <div class="row">
                                        <div class="col-lg-4">
                                            <div class="left-area">
                                                <h4 class="heading">
                                                    {{ __('Description') }} *
                                                </h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-7">
                                            <textarea class="input-field" name="text" required="" placeholder="{{ __('Enter Details') }}"></textarea>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-4">
                                            <div class="left-area">
                                                <h4 class="heading">
                                                    {{ __('Attachment') }}*
                                                </h4>
                                                <p class="sub-heading">(Maximum Size is 10 MB)</p>

                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="attachments" id="attachment-section">
                                                <div class="attachment-area">
                                                    <span class="remove attachment-remove"><i
                                                            class="fas fa-times"></i></span>
                                                    <input type="file" name="attachments[]" required>
                                                </div>
                                            </div>
                                            <a href="javascript:;" id="attachment-btn" class="add-more mt-4"><i
                                                    class="fas fa-plus"></i>{{ __('Add More Attachment') }}
                                            </a>
                                        </div>
                                    </div>
                                    <input type="hidden" name="warning"
                                        value="{{ isset($verify) ? $verify->admin_warning : '0' }}" />
                                    <input type="hidden" name="verify_id"
                                        value="{{ isset($verify) ? $verify->id : '0' }}" />
                                    <div class="row">
                                        <div class="col-lg-12 text-center">
                                            <button class="addProductSubmit-btn"
                                                type="submit">{{ __('Submit') }}</button>
                                        </div>
                                    </div>
                                </form>
                            @endif

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

@section('scripts')
    <script type="text/javascript">
        function isEmpty(el) {
            return !$.trim(el.html())
        }

        // Color Section

        $("#attachment-btn").on('click', function() {

            $("#attachment-section").append('' +
                '<div class="attachment-area  mt-2">' +
                '<span class="remove attachment-remove"><i class="fas fa-times"></i></span>' +
                '<input type="file" name="attachments[]" required>' +
                '</div>' +
                '');
        });


        $(document).on('click', '.attachment-remove', function() {

            $(this.parentNode).remove();
            if (isEmpty($('#attachment-section'))) {

                $("#attachment-section").append('' +
                    '<div class="attachment-area  mt-2">' +
                    '<span class="remove attachment-remove"><i class="fas fa-times"></i></span>' +
                    '<input type="file" name="attachments[]" required>' +
                    '</div>' +
                    '');

            }

        });

        // Color Section Ends
    </script>
@endsection