@extends('layouts.app')

@section('content')

    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Mailgun Notification</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('mailgun.send.notification') }}" method="post">
                @csrf
                <div class="row">
                    <div class="form-group col-md-4 @error('subject') has-error @enderror ">
                        <label for="subject">Notification Subject</label>
                        <input type="text" name="subject" id="subject" class="form-control"
                               value="{{old('subject')}}" autocomplete="off" placeholder="Notification subject">
                        @error('subject')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>
                    <div class="form-group col-md-4 @error('mailing_list') has-error @enderror ">
                        <label for="mailing_list">Select Mailing List</label>
                        <select name="mailing_list" id="mailing_list" class="form-control ">
                            <option value="" style="display: none;">Select mailing list</option>
                            <option value="customers@ekhadiindia.com"
                                    @if(old('mailing_list') === 'customers@ekhadiindia.com') selected @endif >
                                Customers
                            </option>
                            <option value="subscribers@ekhadiindia.com"
                                    @if(old('mailing_list') === 'spam@ekhadiindia.com') selected @endif >
                                Spam Users
                            </option>
                            <option value="subscribers@ekhadiindia.com"
                                    @if(old('mailing_list') === 'subscribers@ekhadiindia.com') selected @endif >
                                Subscribers
                            </option>
                            <option value="testing@ekhadiindia.com"
                                    @if(old('mailing_list') === 'testing@ekhadiindia.com') selected @endif >Testing
                            </option>
                        </select>
                        @error('mailing_list')
                        <small class="form-text text-danger">{{ $message }}</small>
                        @enderror
                    </div>

                    <div class="form-group col-md-4 @error('template') has-error @enderror ">
                        <label for="template">Notification Template</label>
                        <select name="template" id="template" class="form-control ">
                            <option value="" style="display: none;">Select Template</option>
                            <option value="template_for_spam" @if(old('template') === 'template_for_spam') selected @endif >Spam Template
                            </option>
                            @foreach(range(1,5) as $item)
                                <option value="{{ 'template_with_'.$item.'_images' }}"
                                        @if(old('template') ===  'template_with_'.$item .'_images'  ) selected @endif >
                                    Offer With
                                    {{$item}} Image
                                </option>
                            @endforeach
                        </select>
                        @error('template')
                        <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