@extends('cms.layouts.app')

@section('pre-styles')
	<x-cms.css-helper :select2="true"/>
@endsection

@section('contents')
	<!-- Hero -->

	<x-cms.bread-crumb title="<i class='fa fa-plus'></i> Add Social Network">

	    <li class="breadcrumb-item">Cms</li>
	    <li class="breadcrumb-item" aria-current="page">
	        Social Netwrok
	    </li>
	</x-cms.bread-crumb>
	<!-- END Hero -->


	<!-- Page Content -->
	<div class="content">



        <div class="block">
            {{-- <div class="block-header">
                <h3 class="block-title">Validation Form</h3>
            </div> --}}
            <div class="block-content block-content-full">
            	<form action="{{ route('social-networks.store') }}" method="post" enctype="multipart/form-data">
            		{{ csrf_field() }}

	            	<div class="row">
			            <div class="col-sm-4">
	                        <div class="form-group">
	                            <label for="name">Social Network Media <span class="text-danger">*</span></label>
	                            <select name="social_networking_media_id" class="js-select2 form-control" id="val-select2" data-placeholder="Choose One...">
									<option></option>
									{{ generateOptions($socialMedias, 'id', 'name', old('social_networking_media_id')) }}
								</select>
								<span class="text-danger">{{ validationError($errors->get('social_networking_media_id')) }}</span>
	                        </div>
			            </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="group_name">Group Name</label>
                                <input type="text" class="form-control" id="group_name" name="group_name" value="{{ old('group_name') }}" placeholder="Group Name...">
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label for="order">Display Order</label>
                                <input type="number" class="form-control" id="order" name="order" value="{{ old('order') }}"  min=0 oninput="validity.valid||(value='');" placeholder="Display Order...">
                            </div>
                        </div>

	            		<div class="col-sm-12">
	                        <div class="form-group">
	                            <label for="url">Url <span class="text-danger">*</span></label>
	                            <input type="text" class="form-control" id="url" name="url" value="{{ old('url') }}" maxlength="200" placeholder="Url...">
	                            <span class="text-danger">{{ validationError($errors->get('url')) }}</span>
	                        </div>
			            </div>

		        		<div class="col-sm-4">
			            	<div class="form-check">
                                <input class="form-check-input" id="isActive" type="checkbox" name="is_active" value="1" checked>
                                <label class="form-check-label" for="isActive">Active</label>
                            </div>
		        		</div>	
		        	</div>

		        	<div class="text-right">
		        		<a  class="btn btn-danger btn-sm" href="{{ route('social-networks.index') }}" title=""><i class="fa fa-angle-double-left"></i> Cancel</a>
		        		<button type="submit" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i> Save</button>
		        	</div>
		        </form>
			</div>
		</div>
	</div>
	<!-- END Page Content -->

@endsection


@section('scripts')
	<x-cms.js-helper :select2="true"/>
	

	 {{-- <script src="{{ asset('js/plugins/bootstrap-notify/bootstrap-notify.min.js') }}"></script> --}}

	 <script src="{{ asset('oneui/js/plugins/jquery-validation/jquery.validate.min.js') }}"></script>
	 <script src="{{ asset('oneui/js/plugins/jquery-validation/additional-methods.js') }}"></script>
	 <script src="{{ asset('oneui/js/pages/be_forms_validation.min.js') }}"></script>
	 <script src="{{ asset('oneui/js/plugins/ckeditor/ckeditor.js') }}"></script>

	 <!-- Page JS Code -->
	 {{-- <script src="../oneui/js/pages/be_tables_datatables.min.js"></script> --}}
	 

	<script src="{{ asset('/js/vue.min.js') }}"></script>
	
@endsection