Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/mcoil.corals.io/resources/views/admin/website-appearance/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@extends('layouts.admin.app')
@section('content') 
<div class="row">
    <div class="col-md-12">
        <section class="content">
        @include('layouts.errors-and-messages')
            <div class="box">
                <div class="box-body">
                    <div class="col-md-12">
                        <h3 class="bold">Create Website Appearance</h3>
                        <form name="appearance_form" id="appearance_form" action="{{ route('admin.appearance.store') }}" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="name">Section Name <span class="text-danger">*</span></label>
                                        <select name="section" id="section" class="form-control custom-select input-lg">
                                            <option value="">Select Section Name</option>
                                            @foreach($section_data as $section)
                                                @if(!in_array($section->id,$assigned_section))
                                                    <option value="{{ $section->id }}">{{ $section->section_name }}</option>
                                                @else
                                                    <option value="{{ $section->id }}" disabled="disabled">{{ $section->section_name }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                	<?php
                                	$propertyValues = array(
                                		'colors' => array(
                                			'black', 'blue', 'brown', 'green', 'grey', 'purple', 'red', 'white', 'yellow'
                                		),
                                		'fonts' => array(
                                			'10px', '12px', '13px', '14px', '15px', '16px', '18px', '20px', '22px'
                                		),
                                	);
                                	?>
                                    <div class="form-group">
                                        <label for="property_value">Property Value <span class="text-danger">*</span></label>
                                        <select name="property_value" id="property_value" class="form-control custom-select input-lg">
                                        	<option value="">Select Property Value</option>
										    @foreach( $propertyValues['colors'] as $propertyValue )
												<option class="option_color" value="{{ $propertyValue }}">{{ $propertyValue }}</option>
										    @endforeach
										    @foreach( $propertyValues['fonts'] as $propertyValue )
												<option class="option_size" value="{{ $propertyValue }}">{{ $propertyValue }}</option>
										    @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <button type="submit" class="btn btn-lg btn-block btn-success">Create</button>
                                </div>
                                <div class="col-md-6">
                                    <a href="{{ route('admin.appearance.index') }}" class="btn btn-lg btn-block btn-danger">Back</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
@endsection
@section('js')
<script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('#appearance_form').validate({
        rules: {
			section: { required: true },
			property_value: { required: true }
		},
		messages: {
			section: { required: 'Please enter a section' },
		    property_value: { required: 'Please enter a property value' }
		}
    });
    $('#section').change(function(){
    	var section = $(this).val();
    	if (section != '') {
    		if(section == '3' || section == '6' || section == '9' || section == '12' || section == '14' || section == '16')	{
    			$('.option_color').hide();
    			$('.option_size').show();
    		} else {
    			$('.option_color').show();
    			$('.option_size').hide();
    		}
    	}
    });
});
</script>
@endsection