@extends('admin.layouts.layout')

@section('content')
<div class="mb-4">
    <div class="servicestitle d-flex align-items-center mb-3">
        <h3 class="mb-0">Add Invoice Note</h3>
        <div class="ms-auto">
            <a href="{{ route('invoice-notes.index') }}" class="btn btn-primary">Back</a>
        </div>
    </div>

    <div class="white_box p-4">
        {!! html()->form('POST', route('invoice-notes.store'))->open() !!}
            <div class="row">
                @if(!session('tenant_id'))
                <div class="col-lg-4 col-md-6 mb-3">
                    <label class="form-label">Tenant <span class="text-danger">*</span></label>
                    <select name="tenant_id" class="form-select select2" required>
                        <option value="">Select Tenant</option>
                        @foreach($tenants as $t)
                            <option value="{{ $t->id }}" {{ old('tenant_id')==$t->id?'selected':'' }}>{{ $t->name }}</option>
                        @endforeach
                    </select>
                    @error('tenant_id')<div class="text-danger small">{{ $message }}</div>@enderror
                </div>
                @endif
                <div class="col-lg-4 col-md-6 mb-3">
                    <label class="form-label">Language <span class="text-danger">*</span></label>
                    <select name="language_id" class="form-select select2" required>
                        <option value="">Select Language</option>
                        @foreach($languages as $l)
                            <option value="{{ $l->id }}" {{ old('language_id')==$l->id?'selected':'' }}>{{ $l->name }} @if($l->native_name && $l->native_name!=$l->name) - {{ $l->native_name }} @endif</option>
                        @endforeach
                    </select>
                    @error('language_id')<div class="text-danger small">{{ $message }}</div>@enderror
                </div>
                <div class="col-12 mb-3">
                    <label class="form-label">Invoice Note <span class="text-danger">*</span></label>
                    <textarea name="invoice_note" class="form-control richtext" rows="6">{{ old('invoice_note') }}</textarea>
                    @error('invoice_note')<div class="text-danger small">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="d-flex gap-2">
                <button type="submit" class="btn btn-primary">Save</button>
                <a href="{{ route('invoice-notes.index') }}" class="btn btn-primary">Cancel</a>
            </div>
        {!! html()->form()->close() !!}
    </div>
</div>
@endsection

@push('page_script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.3/tinymce.min.js"></script>
<script>
(function(){
  tinymce.init({
    selector: 'textarea.richtext',
    menubar: false,
    height: 350,
    plugins: [
        'advlist','autolink','lists','link','charmap','preview','searchreplace','code','fullscreen','insertdatetime','table','help','wordcount'
    ],
    toolbar: 'undo redo | formatselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist | link | removeformat | help'
  });
  if (window.jQuery && jQuery.fn.select2) {
    jQuery('.js-select2').each(function(){
      jQuery(this).select2({
        width: '100%',
        closeOnSelect: true,
        dropdownParent: jQuery(this).closest('.white_box')
      });
    });
  }
})();
</script>
@endpush