@extends('modal_pages.base')
<style>
    .listFlag{
        height: 20px;
        border-radius: 50%;
        width: 20px;
        margin-right: 5px;
    }
    .btn1{
    background-color: #141639c4 !important; 
    color:white !important; 
    border-radius: 20px; 
    box-shadow:none !important;
    }
    .btn1:hover{
        background: #ffff !important;
        color: #141639c4 !important;
        border-radius: 20px;
        border: 1px solid #141639c4;
    }
</style>
@section('main')
 
    <div class="container" style="background-color: white; border-radius: 6px;">
        <div class="row">
            <div class="co-md-12 p-3">
                <form class="ajax-form" action="{{ url()->current() }}" method="POST" enctype="multipart/form-data">
                {{ csrf_field() }}
                    <div class="row">
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label class="form-label"></label>
                                <div class="form-icon position-relative">
                                    <input type="name" class="form-control" placeholder="Full Name" name="name" required="">
                                </div>
                            </div>
                        </div>    
                        <div class="col-lg-12" style="margin-top:-18px;">
                            <div class="mb-3">
                                <label class="form-label"></label>
                                <div class="form-icon position-relative">
                                    <input type="email" class="form-control" placeholder="Email Address" name="email" required="">
                                </div>
                            </div>
                        </div><!--end col-->

                        <div class="col-md-12">
                            <div class="mt-2 text-center">
                                <button type="submit" class="btn btn1" style="padding: 3px 18px;">
                                    {{ __('Invite Now') }}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>  
            </div>
        </div> 
    </div>  
<script>
    
    $(function(){
        // $('.select2').select2();
        $('#modal_page_footer').hide();
        
    )};
    </script>
@endsection