@extends('layout.adminapp')
@section('content')
<style>
    .select2-results__option[aria-selected=true] {
    display: none;
}
</style>
    <div class="container-fluid">
        <div class="card o-hidden border-0 shadow-lg my-5">
        <!-- Outer Row -->
        <div class="row justify-content-center">

            <div class="col-xl-10 col-lg-12 col-md-9 my-5">

                    <!-- Nested Row within Card Body -->
                    <div class="row d-flex justify-content-center">
                        <div class="col-lg-6">
                            <div class="p-5">
                                <div class="text-center">
                                    <h1 class="h4 text-gray-900 mb-4">Send Notification</h1>
                                </div>
                                @if (Session::has('status'))
                                    <div class="alert alert-success">
                                        <ul>
                                            <li>{{ Session::get('status') }}</li>
                                        </ul>
                                    </div>
                                @endif
                                <form method="POST" action="{{route('send-notification')}}">
                                    @csrf
                                    
                                    <div class="form-group">
                                        <label for="name">Type Notification</label>
                                        <input type="text" class="form-control form-control-user" name="notification" required placeholder="Notification">
                                    </div>
                                    <div class="form-group">
                                        <label for="name">Link</label>
                                        <input type="text" class="form-control form-control-user" name="link" placeholder="Provide Link if any">
                                    </div>
                                    <div class="form-group">
                                        <label for="name">Select Employers you want to send Notifications</label>
                                        <select name="em_id[]" id="employer" multiple="multiple" class="form-control form-control-lg bg-light js-example-theme-multiple contact-form-field" required>
                                            @foreach ($employer as $item)
                                                <option value="{{$item['id']}}">{{$item['email']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <input type="button" value="Click" id="checkbox" > to Select All
                                    </div>
                                    
                                    
                                    <button class="btn btn-primary btn-user btn-block" type="submit">
                                        Send
                                    </button>

                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>

    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function(){
            $("#employer").select2({
        // theme: "classic",
        placeholder: "Select Employer",
          allowClear: true
        });
        $("#checkbox").click(function(){
            $("#employer > option").prop("selected","selected");
                $("#employer").trigger("change");
            // if($("#checkbox").is(':checked') ){
            //     $("select > option").prop("selected","selected");
            //     $("select").trigger("change");
            // }else{
            //     $("select > option").removeAttr("selected");
            //     $("select").trigger("change");
            // }
        });
        })
    </script>
@endsection