@extends('layouts.app')

@section('content')

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Add Action</h3>
        </div>
        <div class="panel-body">

            @if(session()->has('success'))
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <strong>Success!</strong> {{ session('success') }}.
                </div>
            @endif


            <form action="{{ route('fcm.store.url') }}" method="post" >
                @csrf
                <div class="row">
                    <div class="form-group col-md-4 @error('type') has-error @enderror ">
                        <label for="type">Select Type <span class="text-danger">*</span></label>
                        <select name="type" id="type" class="form-control">
                            <option value="" style="display: none;">Select Type</option>
                            @foreach(App\BannerType::oldest('name')->pluck('name') as $bannerName)
                                <option value="{{ $bannerName }}" @if(old('type' ) == $bannerName) selected @endif >{{ ucfirst($bannerName) }}</option>
                            @endforeach
                        </select>
                        @error('type')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                    <div class="form-group col-md-4 @error('url') has-error @enderror ">
                        <label for="url">Notification Action URL <span class="text-danger">*</span></label>
                        <input type="url" name="url" id="url" class="form-control"
                               value="{{old('url')}}" autocomplete="off" placeholder="Notification url">
                        @error('url')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>



                </div>

                <div class="row">
                    <div class="form-group col-md-3">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>

                </div>
            </form>

        </div>


        @endsection

        @push('script')

            <script>

                $(function () {
                    $('.select2').select2({
                        placeholder: 'Select from user(s)'
                    });
                });
            </script>
    @endpush