@extends('layouts.admin')

@section('content')
    <div class="page-links">
        <a href="{{ route('notifications') }}">Notifications</a>
        <span> > </span>
        <a href="javascript:void(0)">{{ $title }}</a>
    </div>

    <div class="row">
        <div class="col-xxl-6 col-lg-8 col-12 mb-5">
            <div class="card-main">
                <h2 class="iheading-man">{{ __($title) }}</h2>
                <form class="form-data" method="POST" id="add_form" action="{{ route('send-custom-message') }}">
                    @csrf
                    <div class="row">
                        <div class="col-md-12 col-12 ">
                            <div class="row">
                                <div class="col-md-12 col-12 mb-3">
                                    <label class="form-label" for="userTypeSelect">Users <small class="red">* </small></label>

                                    <select id="userTypeSelect" required name="userType" class="form-select" required>
                                        <option value="" disabled selected>--- Not Selected ---</option>
                                        <option value="expired">Package expired.</option>
                                        <option value="expiring">Package expiring in next 5 days.</option>
                                        <option value="notPurchased">Not purchased any package.</option>
                                        <option value="all">All users</option>
                                    </select>
                                </div>

                                <div class="col-md-12 col-12 mb-3">
                                    <label class="form-label">Message <small class="red">* </small></label>
                                    <textarea required name="message" rows="6" class="form-control" placeholder="'{user}' will be parsed for user's full name. And '{package}' will be parsed for package name."></textarea>
                                </div>
                            </div>
                        </div>

                        <!-- new-card -->
                        <div class="fix-button-main">
                            <div class="save-fix">
                                <div class="float-end">
                                    <button type="submit" class="btn save-b me-3" type="button">Save</button>
                                    <a type="button" class="btn btn-light me-2 float-end save-draft" href="{{ route('notifications') }}"> Cancel</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection