@section('page_content')
<form id="search_form" action="{{ route('tenant.lms.leads.select') }}" method="POST">
    @csrf
    <div class="row">
        <div class="col-sm-10 offset-sm-1 col-md-8 offset-md-4 col-lg-6 offset-lg-3">

            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Create New Lead</h5>
                </div>
                <div class="card-body">
                    <div class="row mt-4">
                        <div class="col-12">
                            <label>Select Collection</label>
                            <select class="form-control" id="collection_id" name="collection_id" required>
                                <option value="">Select Collection</option>
                                @foreach($collections as $collection)
                                    <option value="{{ $collection->id }}">{{ $collection->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="row">
                        <div class="col-12 mt-2 text-center">                            
                            <a href="{{ route('tenant.lms.leads.index') }}" title="Back to Leads" class="btn {{ config('env.theme.ui.buttons.cancel.class') }}">
                                Back to Leads
                                <span class="btn-icon-right"><i class="{{ config('env.theme.ui.buttons.cancel.icon') }}"></i></span>
                            </a>                      
                            <button type="submit" class="btn {{ config('env.theme.ui.buttons.continue.class') }} ml-1">
                                {{ config('env.theme.ui.buttons.continue.text') }}
                                <span class="btn-icon-right"><i class="{{ config('env.theme.ui.buttons.continue.icon') }}"></i></span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
@stop