@extends('layouts.admin')
@section('content')
    <section class="dashboard-sec">
        <div class="dashboard-wrapper">
            <div class="dashboard-content-wrapper p-5">
                <section class="section">
                    <div class="section-body">
                        <div class="row">
                            <div class="col-12 col-md-12 col-lg-6">
                                <div class="card">
                                    <div class='ajax-response'></div>
                                    {{-- <x-alert /> --}}
                                    <div class="card-header">
                                        <h4> {{ $rule ? 'Update Rule' : 'Add Rule' }}</h4>
                                        <div class="card-header-form">
                                            <a class="btn btn-primary btn-lg float-end"
                                                href="{{ route('admin.rule.index') }}">Back</a>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <form
                                            action="{{ route('admin.rule.store', ['id' => jsencode_userdata($rule ? $rule->id : null)]) }}"
                                            method='post' id='RafRuleForm' enctype="multipart/form-data">
                                            @csrf
                                            <div class="form-row form-cstm">
                                                <div class="form-group col-md-12">
                                                    <label> Rule Name <span class="required-field">*</span></label>
                                                    <div class="formfield" id='ename'>
                                                        <input type="text"
                                                            class="form-control @error('name') is-invalid @enderror"
                                                            placeholder="Rule Name" name="name"
                                                            value="{{ $rule ? $rule->name : old('name') }}" />
                                                        @error('name')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label> Description <span class="required-field">*</span></label>
                                                    <div class="formfield" id='edescription'>
                                                        <input
                                                            class="form-control summernote @error('description') is-invalid @enderror"
                                                            name="description" placeholder="Description"
                                                            value="{{ $rule->description ?? old('description') }}"></input>
                                                        @error('description')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                {{-- <div class="form-group col-md-12">
                                                <label>Division For</label>
                                                <select class="form-control select2 select2-hidden-accessible  @error('type') is-invalid @enderror"
                                                    tabindex="-1" aria-hidden="true" name='type' value>
                                                    <option value="">Select Any</option>
                                                    <option id="male" value="male"
                                                        @if (isset($division) && $division->type == 'male') selected @endif>
                                                        Male
                                                    </option>
                                                    <option id="quarterly" value="female"
                                                        @if (isset($division) && $division->type == 'female') selected @endif>
                                                        Female
                                                    </option>
                                                </select>
                                                @error('type')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                             --}}
                                                <div class="form-group col-md-12">
                                                    <label>Rules pdf <span class="required-field">*</span></label>
                                                    <div class="formfield" >
                                                        <label for="rules_pdf" class="form-control">{{ @$rule->file_name ?? 'No file selected' }}</label>
                                                        <input type="file" accept="application/pdf,application/docx" id='rules_pdf' 
                                                            class="form-control @error('rules_pdf') is-invalid @enderror d-none"
                                                            placeholder="Upload rules_pdf" name="rules_pdf" />
                                                        @error('rules_pdf')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                    <div class='show-rules-pdf @if(!(@$rule->file_path)) d-none @endif'>
                                                        <embed src="@if(@$rule->file_path) {{ Storage::url($rule->file_path) }} @endif" type="">
                                                    </div>
                                                </div>
                                                <div class="form-group col-md-12">
                                                    <label>Description box </label>
                                                    <div class="formfield">
                                                        <textarea class="form-control @error('content') is-invalid @enderror" name="content">{{ old('content', @$rule->content) }}</textarea>
                                                        @error('content')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>


                                                <div class="form-group col-md-12">
                                                    <label>Status <span class="required-field">*</span></label>
                                                    <div class="formfield" id='estatus'>
                                                        <select name="status" id="status"
                                                            class="form-control  @error('status') is-invalid @enderror">
                                                            <option value=''>Select</option>
                                                            <option value="1"
                                                                @isset($rule) @if ($rule->status == '1') selected @endif @endisset>
                                                                Active
                                                            </option>
                                                            <option value="0"
                                                                @isset($rule) @if ($rule->status == '0') selected @endif @endisset>
                                                                Inactive</option>
                                                        </select>
                                                        @error('status')
                                                            <span class="invalid-feedback" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>


                                            </div>
                                            <div class="card-footer text-left">
                                                <button type='submit' class="btn btn-primary mr-1"
                                                    id="submit">{{ $rule ? 'Update' : 'Submit' }}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
    </section>
    </div>
    </section>
@endsection
@push('pagespecificscripts')
    @includeFirst(['validation'])
    @include('validations.js_raf_rules')
  
    @include('admin.common.js_tiny')
    
    <script>
          //SHOWING PDF PREVIEW
          $(document).on('change', '#rules_pdf', function(event) {
            let inputElement = jQuery(this);
            var file = event.target.files[0]; // Get the selected file

            //PREVIEW ELEMENT
            let preveiwElement = $(document).find('.show-rules-pdf');
            if (file) {
                var fileReader = new FileReader();
                fileReader.onload = function(e) {
                    var pdfDataUrl = e.target.result; // PDF file data URL

                    preveiwElement.find('embed').attr('src', pdfDataUrl); // Set the iframe src
                    preveiwElement.removeClass('d-none');

                    // preveiwElement.next().removeClass('d-none');
                    preveiwElement.show(); // Show the iframe
                };
                fileReader.readAsDataURL(file); // Read the file as a data URL
            } else {
                preveiwElement.addClass('d-none');
                preveiwElement.hide(); // Hide iframe if invalid file
                // preveiwElement.next().addClass('d-none');
            }
        });
    </script>
@endpush