@extends("promoters.layout")
@section("css")
@endsection
@section("js")
<script src="{{ asset("assets/js/communitys/main.js") }}"></script>
@endsection

@section("pageContent")

<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="h3 mb-0 text-gray-800">Créer votre ça communauté</h1>
    <p class="mb-4">Créer vos communauté pour la gestion de vos évènements</p>
    <form id="addCommunity" method="post" class="row">
        <div class="col-lg-12">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary text-uppercase"> <i class="fa fa-cogs"></i>
                        Communauté
                    </h6>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="event_id">Evènement</label>
                            <select name="event_id" id="event_id" class="form-control">
                                @foreach ($events as $event)
                                    <option value="{{ $event->id }}">{{ $event->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="guest">Gestionnaire</label>
                            <select name="guest" id="guest" class="form-control">
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}">{{ $user->name }} {{ $user->firstname }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            @csrf
        </div>

        <div class="col-12">
            <button type="submit" class="btn btn-primary btn-icon-split mb-4">
                <span class="icon text-white-50">
                    <i class="fas fa-arrow-right"></i>
                </span>
                <span class="text">Créer </span>
            </button>
        </div>
    </form>
</div>

@endsection