@extends('theme.template')

@section('css')

@endsection


@section('contenu')

<div class="form-head mb-4">
    <h2 class="text-black font-w600 mb-0">Alert</h2>
</div>

<div class="page-titles">
    <ol class="breadcrumb">
        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle-filled" width="50" height="25" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 1.67c.955 0 1.845 .467 2.39 1.247l.105 .16l8.114 13.548a2.914 2.914 0 0 1 -2.307 4.363l-.195 .008h-16.225a2.914 2.914 0 0 1 -2.582 -4.2l.099 -.185l8.11 -13.538a2.914 2.914 0 0 1 2.491 -1.403zm.01 13.33l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-.01 -7a1 1 0 0 0 -.993 .883l-.007 .117v4l.007 .117a1 1 0 0 0 1.986 0l.007 -.117v-4l-.007 -.117a1 1 0 0 0 -.993 -.883z" stroke-width="0" fill="currentColor" /></svg>
        <li class="breadcrumb-item"><a href="javascript:void(0)">Cette section est réservée pour ajouter d'une alert</a></li>
    </ol>
</div>



@include('theme.alert')



<div class="col-xl-12 col-lg-12">
    <div class="card">
        <div class="card-header">
            <h4 class="card-title text-primary"> <i class="flaticon-381-add-2"></i> Ajouter un alert</h4>
        </div>
        <div class="card-body">
            <div class="basic-form">
                <form id="annonceForm" action="{{route("add.message")}}" method="POST">
                    @csrf
                    <div class="row">

                        <div class="mb-3 col-md-12">
                            <label class="form-label">Type de l'alert</label>
                            <div class="mb-3 mb-0">
                                <div class="form-check radio d-inline-block">
                                      <input class="form-check-input radio-inline" type="radio" name="alert" id="flexRadioDefault4" value="Alert">
                                      <label class="form-check-label" for="flexRadioDefault4">
                                     Alerte
                                      </label>
                                </div>
                                <div class="form-check radio d-inline-block mx-2">
                                      <input class="form-check-input radio-inline" type="radio" name="alert" id="flexRadioDefault5" value="Information">
                                      <label class="form-check-label" for="flexRadioDefault5">
                                      Information
                                      </label>
                                </div> 
                                
                            </div>
                        </div>
    
    
                        <div class="mb-3 col-md-12">
                            <label class="form-label">Objet de l'alert </label>
                           <textarea name="message"  class="form-control" id="" cols="20" rows="10" placeholder="Votre alerte"></textarea>
                        </div>
                    </div>


                   
                    <button type="submit"  class="btn btn-primary" id="submit-annonce"> <i class="flaticon-381-add-2"></i> Ajouter l'alert</button>
                </form>
            </div>
        </div>
    </div>
</div>

@include('v_1.annonce.modal_create')



<!-- Large modal -->



@endsection

@section('js')

//Sweelt alert
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/3.2.0/luxon.min.js" integrity="sha512-PfFrIEubsypd3vt/oczIh4r7FCpU7qbELQ9L+JRCzc3B2xHp43H6ZtjJCpEaPIDo/52Mettp/5RZicGPz6ObZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.min.js"></script>





@endsection