@extends('admin.layouts.app')
@section('page_content')
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
            <h4 class="page-title">Homepage</h4>
            </div>
        </div>
    </div>
    <!-- Page Title Header Ends-->

    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
            <div class="col-12">
                <div class="cust_nav_list">
                    @include('admin.cms.home_tabs')
                </div>
                <div class="card">
                    <div class="card-body cms_homepage_card">
                        <!-- <h4 class="card-title">Slider Section Here</h4> -->


                        <div class="row page-title-header">
                            <div class="col-12">
                                <div class="page-header">
                                    <h4 class="page-title">Core values</h4>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 grid-margin">
                                @if(isset($corevalue_data->id) && isset($corevalue_data))
                                    <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.corevalues.update')}}">
                                        @csrf
                                        <input type="hidden" name="type" value="4">
                                        <input type="hidden" name="corevalue_type" value="5">

                                        <input type="hidden" name="id" value="{{$corevalue_data->id}}">

                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label for="title">Our Core Value Title <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="title" value="{{ $corevalue_data->title }}" name="title" placeholder="Title" required>
                                            </div>

                                            <div class="form-group col-md-6">
                                                <label for="ar_title">Our Core Value Title (Arabic)</label>
                                                <input type="text" class="form-control" id="ar_title" value="{{ $corevalue_data->ar_title }}" name="ar_title" placeholder="Title" >
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="description">Our Core Value Description <span class="text-danger">*</span></label>
                                            <textarea type="text" rows="3" class="form-control" name="description" required id="description" placeholder="Description..">{{ $corevalue_data->description }}</textarea>
                                        </div>

                                        <div class="form-group">
                                            <label for="ar_description">Our Core Value Description (Arabic)</label>
                                            <textarea type="text" rows="3" class="form-control" name="ar_description" id="ar_description" placeholder="Description..">{{ $corevalue_data->ar_description }}</textarea>
                                        </div>

                                        <div class="mt-5"></div>

                                        <div class="form-group">
                                            <div class="specifications_box field_wrapper">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        @if(count($corevalues) > 0)
                                                            @foreach($corevalues as $key => $corevalue)
                                                                <div class="row">
                                                                    <h5 class="col-md-12 core_value_title">Core Value {{$key+1}}</h5>
                                                                    <input type="hidden" name="corevalue_id[]" value="{{$corevalue->id}}">

                                                                    <div class="col-md-4 form-group">
                                                                        <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                        <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required value="{{ $corevalue->title }}">
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                        <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Sub Title" required value="{{ $corevalue->description }}">
                                                                    </div>
                                                                    
                                                                    <div class="col-md-4 form-group">
                                                                        <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                        <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic" value="{{ $corevalue->ar_title }}">
                                                                    </div>
                                                                    <div class="col-md-8 form-group">
                                                                        <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                        <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Sub Title in Arabic" value="{{ $corevalue->ar_description }}">
                                                                    </div>
                                                                    
                                                                    <div class="form-group col-md-12">
                                                                        <div class="row">
                                                                            <div class="col-md-10">
                                                                                <label for="corevalue_icons">Icon Image </label>
                                                                                <div class="custom-file">
                                                                                    <input type="file" name="corevalue_icons[]" class="custom-file-input form-control" id="corevalue_icons">
                                                                                    <label class="custom-file-label" for="corevalue_icons">Choose file</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-md-2">
                                                                                @if(file_exists($corevalue->image))
                                                                                    <a href="{{asset($corevalue->image)}}" target="_blank" style="background: #ccc;height: 100px;display: inline-block;"><img src="{{asset($corevalue->image)}}" style="width:100%;height:100px"></a>
                                                                                @else
                                                                                    
                                                                                @endif
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endforeach
                                                        @else
                                                            <div class="row">
                                                                <h5 class="col-md-12 core_value_title">Core Value 1</h5>
                                                                <div class="col-md-4 form-group">
                                                                    <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Description" required>
                                                                </div>
                                                                
                                                                <div class="col-md-4 form-group">
                                                                    <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Description in Arabic">
                                                                </div>
                                                                
                                                                <div class="col-md-12 form-group">
                                                                    <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                    <div class="custom-file">
                                                                        <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                        <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="row mt-4">
                                                                <h5 class="col-md-12 core_value_title">Core Value 2</h5>

                                                                <div class="col-md-4 form-group">
                                                                    <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Description" required>
                                                                </div>
                                                                
                                                                <div class="col-md-4 form-group">
                                                                    <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Description in Arabic">
                                                                </div>
                                                                
                                                                <div class="col-md-12 form-group">
                                                                    <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                    <div class="custom-file">
                                                                        <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                        <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="row mt-4">
                                                                <h5 class="col-md-12 core_value_title">Core Value 3</h5>

                                                                <div class="col-md-4 form-group">
                                                                    <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Description" required>
                                                                </div>
                                                                
                                                                <div class="col-md-4 form-group">
                                                                    <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Description in Arabic">
                                                                </div>
                                                                
                                                                <div class="col-md-12 form-group">
                                                                    <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                    <div class="custom-file">
                                                                        <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                        <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            <div class="row mt-4">
                                                                <h5 class="col-md-12 core_value_title">Core Value 4</h5>

                                                                <div class="col-md-4 form-group">
                                                                    <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                    <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Description" required>
                                                                </div>
                                                                
                                                                <div class="col-md-4 form-group">
                                                                    <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                                </div>
                                                                <div class="col-md-8 form-group">
                                                                    <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                    <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Description in Arabic">
                                                                </div>
                                                                
                                                                <div class="col-md-12 form-group">
                                                                    <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                    <div class="custom-file">
                                                                        <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                        <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-3 form-group">
                                                    <label for="button_url_title">Button Title <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" name="button_url_title" value="{{ $corevalue_data->sub_title }}" id="button_url_title" placeholder="Button Title" required>
                                                </div>
                                                
                                                <div class="col-md-3 form-group">
                                                    <label for="ar_button_url_title">Button Title (Arabic)</label>
                                                    <input type="text" class="form-control" name="ar_button_url_title" value="{{ $corevalue_data->ar_sub_title }}" id="ar_button_url_title" placeholder="Button Title in Arabic">
                                                </div>

                                                <div class="col-md-6 form-group">
                                                    <label for="button_link">Button Url <span class="text-danger">*</span></label>
                                                    <input type="url" class="form-control" name="button_link" value="{{ $corevalue_data->link }}" id="button_link" placeholder="Button url" required>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <button type="submit" class="btn btn-green btn-rounded mr-2">Update</button>
                                        <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                    </form>
                                @else
                                    <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.corevalues.save')}}">
                                        @csrf
                                        <input type="hidden" name="type" value="4">
                                        <input type="hidden" name="corevalue_type" value="5">

                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label for="title">Core Value Title <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="title" name="title" placeholder="Title" required>
                                            </div>

                                            <div class="form-group col-md-6">
                                                <label for="ar_title">Core Value Title (Arabic)</label>
                                                <input type="text" class="form-control" id="ar_title" name="ar_title" placeholder="Title" >
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <label for="description">Core Value Description <span class="text-danger">*</span></label>
                                            <textarea type="text" rows="3" class="form-control" name="description" required id="description" placeholder="Description.."></textarea>
                                        </div>

                                        <div class="form-group">
                                            <label for="ar_description">Core Value Description (Arabic)</label>
                                            <textarea type="text" rows="3" class="form-control" name="ar_description" id="ar_description" placeholder="Description.."></textarea>
                                        </div>

                                        <div class="mt-5"></div>

                                        <div class="form-group">
                                            <div class="specifications_box field_wrapper">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div class="row">
                                                            <h5 class="col-md-12 core_value_title">Core Value 1</h5>
                                                            <div class="col-md-4 form-group">
                                                                <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Sub Title" required>
                                                            </div>
                                                            
                                                            <div class="col-md-4 form-group">
                                                                <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Sub Title in Arabic">
                                                            </div>
                                                            
                                                            <div class="col-md-12 form-group">
                                                                <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                <div class="custom-file">
                                                                    <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                    <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="row mt-4">
                                                            <h5 class="col-md-12 core_value_title">Core Value 2</h5>

                                                            <div class="col-md-4 form-group">
                                                                <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Sub Title" required>
                                                            </div>
                                                            
                                                            <div class="col-md-4 form-group">
                                                                <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Sub Title in Arabic">
                                                            </div>
                                                            
                                                            <div class="col-md-12 form-group">
                                                                <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                <div class="custom-file">
                                                                    <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                    <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="row mt-4">
                                                            <h5 class="col-md-12 core_value_title">Core Value 3</h5>

                                                            <div class="col-md-4 form-group">
                                                                <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Sub Title" required>
                                                            </div>
                                                            
                                                            <div class="col-md-4 form-group">
                                                                <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Sub Title in Arabic">
                                                            </div>
                                                            
                                                            <div class="col-md-12 form-group">
                                                                <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                <div class="custom-file">
                                                                    <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                    <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="row mt-4">
                                                            <h5 class="col-md-12 core_value_title">Core Value 4</h5>

                                                            <div class="col-md-4 form-group">
                                                                <label for="corevalue_title">Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_title[]" id="corevalue_title" placeholder="Title" required>
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="corevalue_description">Sub Title <span class="text-danger">*</span></label>
                                                                <input type="text" class="form-control" name="corevalue_description[]" id="corevalue_description" placeholder="Sub Title" required>
                                                            </div>
                                                            
                                                            <div class="col-md-4 form-group">
                                                                <label for="ar_corevalue_title">Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_title[]" id="ar_corevalue_title" placeholder="Title in Arabic">
                                                            </div>
                                                            <div class="col-md-8 form-group">
                                                                <label for="ar_corevalue_description">Sub Title (Arabic)</label>
                                                                <input type="text" class="form-control" name="ar_corevalue_description[]" id="ar_corevalue_description" placeholder="Sub Title in Arabic">
                                                            </div>
                                                            
                                                            <div class="col-md-12 form-group">
                                                                <label for="corevalue_icons">Icon Image <span class="text-danger">*</span></label>
                                                                <div class="custom-file">
                                                                    <input type="file" name="corevalue_icons[]" required class="custom-file-input form-control" id="corevalue_icons[]" required>
                                                                    <label class="custom-file-label" for="corevalue_icons[]">Choose file</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-3 form-group">
                                                    <label for="button_url_title">Button Title <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control" name="button_url_title" id="button_url_title" placeholder="Button Title" required>
                                                </div>
                                                
                                                <div class="col-md-3 form-group">
                                                    <label for="ar_button_url_title">Button Title (Arabic)</label>
                                                    <input type="text" class="form-control" name="ar_button_url_title" id="ar_button_url_title" placeholder="Button Title in Arabic">
                                                </div>

                                                <div class="col-md-6 form-group">
                                                    <label for="button_link">Button Url <span class="text-danger">*</span></label>
                                                    <input type="url" class="form-control" name="button_link" id="button_link" placeholder="Button url" required>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <button type="submit" class="btn btn-green btn-rounded mr-2">Save</button>
                                        <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                    </form>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            </div>
        </div>
    </div>
</div>
<script>
    CKEditorChange('description','only_color_options.js');
    CKEditorChange('ar_description','only_color_options.js');
</script>
@endsection