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

@section("pageContent")

<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="h3 mb-0 text-gray-800">Créer votre notification</h1>
    <p class="mb-4">Créer votre notification en quelque minutes.</p>
    <form id="addNotification" method="post" class="row">
        @csrf
        <input type="hidden" name="user_id" value="{{ auth()->user()->id }}">
        <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-bell"></i>
                        Informations
                    </h6>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <div class="form-group col-md-4">
                            <label for="title">Titre </label>
                            <input type="text" class="form-control" name="title" id="title" maxlength="50">
                        </div>
                        <div class="form-group col-md-4">
                            <label for="type">Type</label>
                            <select name="type" id="type" class="form-control">
                                @foreach (["Général" => "General","Spécifique"=>"Specifique"] as $ky => $va)
                                    <option value="{{ $va }}">{{ $ky }}</option>
                                @endforeach
                            </select>
                        </div>
                         <div class="form-group col-md-4">
                            <label for="to"> A Utilisateur</label>
                            <select name="to" id="to" class="form-control">
                                @foreach (App\Models\User::all()  as $user)
                                    <option value="{{ $user->id }}">{{ $user->name }} {{ $user->firstname }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-12">
                            <label for="content">Description</label>
                            <textarea class="form-control" id="content" name="content" rows="3"></textarea>
                        </div>

                    </div>

            </div>

        </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">AJouter notification</span>
            </button>
        </div>
    </form>
</div>

@endsection