@php use App\Library\Tool; @endphp
@extends('layouts/contentLayoutMaster')

@section('title', __('locale.labels.request_for_new_one'))

@section('vendor-style')
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/forms/select/select2.min.css')) }}">
@endsection

@section('content')
<section id="basic-vertical-layouts">
    <div class="row match-height">
        <div class="col-md-6 col-12">
            <h6>
                A Sender ID is the name that appears as the “from” address when someone receives an SMS message.
            </h6>

            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{ __('locale.labels.request_for_new_one') }}</h4>
                </div>
                <div class="card-content">
                    <div class="card-body">
                        @if(config('app.trai_dlt') && Auth::user()->customer->activeSubscription()?->plan->is_dlt)
                            <p><code>{!! __('locale.sender_id.dlt_description') !!}</code></p>
                        @endif

                        <form class="form form-vertical" action="{{ route('customer.senderid.store') }}"
                              method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="form-body">
                                <div class="row">

                                    {{-- Sender ID --}}
                                    <div class="col-12 mb-1">
                                        <label for="sender_id" class="form-label required">
                                            {{ __('locale.menu.Sender ID') }}
                                        </label>
                                        <input type="text" id="sender_id" name="sender_id"
                                               value="{{ old('sender_id') }}"
                                               maxlength="11"
                                               class="form-control @error('sender_id') is-invalid @enderror"
                                               placeholder="{{__('locale.labels.required')}}" required autofocus>
                                        <small class="text-danger d-block mt-1">
                                            Please Note: Sender ID must not exceed 11 characters.
                                        </small>
                                        @error('sender_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>

                                    {{-- Description --}}
                                    <div class="col-12 mb-1">
                                        <label for="description" class="form-label">
                                            {{__('locale.labels.description')}}
                                        </label>
                                        <textarea id="description" name="description" rows="2"
                                                  class="form-control"
                                                  placeholder="Enter a sample SMS message you plan to send">{{ old('description') }}</textarea>
                                        @error('description')
                                            <p><small class="text-danger">{{ $message }}</small></p>
                                        @enderror
                                    </div>

                                    {{-- TRAI DLT fields --}}
                                    @if(config('app.trai_dlt') && Auth::user()->customer->activeSubscription()?->plan->is_dlt)
                                        <div class="col-12 mb-1">
                                            <label for="entity_id" class="form-label required">
                                                {{ __('locale.labels.entity_id') }}
                                            </label>
                                            <input type="text" id="entity_id" name="entity_id"
                                                   value="{{ old('entity_id') }}"
                                                   class="form-control @error('entity_id') is-invalid @enderror"
                                                   placeholder="{{__('locale.labels.required')}}" required>
                                            @error('entity_id')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>

                                        <div class="col-12 mb-1">
                                            <label for="document" class="form-label required">
                                                {{__('locale.labels.attach_supporting_document')}}
                                            </label>
                                            <input type="file" id="document" name="document"
                                                   class="form-control"
                                                   accept="image/*,.doc,.docx,.xml,application/msword,
                                                   application/vnd.openxmlformats-officedocument.wordprocessingml.document,
                                                   application/zip,application/octet-stream,
                                                   application/x-zip-compressed,multipart/x-zip,.pdf">
                                            @error('document')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    @endif

                                    {{-- Plan (hidden, optional) --}}
                                    <input type="hidden" name="plan" value="{{ $sender_id_plans->first()->id ?? '' }}">

                                    <div class="col-12 mt-2">
                                        <input type="hidden" name="user_id" value="{{ Auth::user()->id }}">
                                        <button type="submit" class="btn btn-primary mb-1">
                                            <i data-feather="send"></i> {{ __('locale.buttons.send') }}
                                        </button>
                                    </div>

                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('vendor-script')
    <script src="{{ asset(mix('vendors/js/forms/select/select2.full.min.js')) }}"></script>
@endsection

@section('page-script')
<script>
    $(function () {
        // Ensure Sender ID does not exceed 11 chars
        $('#sender_id').on('input', function () {
            if (this.value.length > 11) {
                this.value = this.value.substring(0, 11);
            }
        });

        // Initialize Select2 (if you keep any select2 fields in the future)
        $(".select2").each(function () {
            $(this).wrap('<div class="position-relative"></div>').select2({
                dropdownAutoWidth: true,
                width: '100%',
                dropdownParent: $(this).parent()
            });
        });

        // Scroll to first error if exists
        let firstInvalid = $('form').find('.is-invalid').eq(0);
        if (firstInvalid.length) {
            $('html, body').animate({ scrollTop: firstInvalid.offset().top - 200 }, 200);
        }
    });
</script>
@endsection