@extends('admin.layout.index')

{{-- ===========  meta Title  =================== --}}
@section('title')
ساخت انواع کاربر برای شرایط

@endsection
{{-- ===========  My Css Style  =================== --}}
@section('style')
    <style>
        .modal-header .close {
            margin: -1rem;
        }

        .modal-body > p, .form-group {
            padding: 0.25rem 0.5rem;

        }

         .noneDisplay {
             display: none !important;
         }

        .redBorder {
            border: 1px solid red;
        }

        #image{
            max-width: 200px;
            height: auto;
        }
        .form-group{
            margin-top: 20px;
        }


    </style>
@endsection
{{-- ===========  My JavaScript  =================== --}}

@section('script')
<script src="{{ asset('admin/fullCKEditor/ckeditor/ckeditor.js') }}"></script>
    <script>
       document.getElementById('add-month').addEventListener('click', function() {
        const monthFields = document.getElementById('month-fields');
        const newField = document.createElement('div');
        newField.className = 'month-field d-flex justify-content-between';
               newField.innerHTML = `
            <input type="number" name="allowed_months[]" class="form-control mb-2" placeholder="ماه (مثلاً 12)" required>
            <button type="button" class="btn btn-danger remove-month">حذف</button>
        `;
        monthFields.appendChild(newField);
    });
       document.getElementById('month-fields').addEventListener('click', function(event) {
        if (event.target.classList.contains('remove-month')) {
            event.target.parentElement.remove();
        }
    });
        // Show File Name
        $('#primary_image').change(function() {
            //get the file name
            var fileName = $(this).val();
            //replace the "Choose a file" label
            $(this).next('.custom-file-label').html(fileName);
        });
        CKEDITOR.replace( 'description212' ,{
            language: 'fa',
            filebrowserUploadUrl: "{{route('upload', ['_token' => csrf_token() ])}}",
            filebrowserUploadMethod: 'form'
        });
    </script>
@endsection

@section('content')

                        <form action="{{ route('admin.user_type.store') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="form-row">
                               
<div class="form-group col-6">
            <label for="min_amount">
                نام
            </label>
            <input type="text" name="user_type" id="user_type" class="form-control" value="{{  old('user_type') }}" required>
            
                                                @error('user_type')
                                    <p class="text-danger">{{$messages}}</p>
                                    
                                    @enderror
        </div>

        
                 
                            
                                                            <div class="form-group col-md-12 mb-3">
             


                                    <div class="col-12 mt-4 d-flex justify-content-center">
                                        <button class="btn mr-3 btn-primary me-3" type="submit">ایجاد</button>
                                     
                                    </div>
                                </div>
                            </div>
                            
                  
                        </form>

@endsection