@php
    use Illuminate\Support\Arr;
    use App\Models\Admin\Settings;
    use App\Models\Admin\PageCustomField;
@endphp

@extends('layouts.adminlayout')
@section('content')
<div class="header bg-primary pb-6">
    <div class="container-fluid">
        <div class="header-body">
            <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                    <h6 class="h2 text-white d-inline-block mb-0">Manage Pages</h6>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Page content -->
<div class="container-fluid mt--6">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card">
                <!--!! FLAST MESSAGES !!-->
                @include('admin.partials.flash_messages')
                <div class="card-header">
                    <div class="row align-items-center">
                        <div class="col-8">
                            <h3 class="mb-0">Footer Manage</h3>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <form method="post" action="{{ route('admin.pages.footer') }}" class="form-validation">
                        {{ @csrf_field() }}
                        <h6 class="heading-small text-muted mb-4">Footer information</h6>
                            <h6 class="heading-small text-muted mb-4">Pages Links</h6>                      
                            <div class="form-group">
                                <label class="form-control-label" for="input-title">Main Title</label>
                                <input type="text" class="form-control" maxlength="15" name="name[quick_links_title]" placeholder="Pages Links" value="{{PageCustomField::get('quick_links_title',$page->id)}}" required>
                                <small>Maximum Character : 15</small>
                                @error('quick_links_title')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="append_addons_html footer_menu">
                                <div class="add_addons_with_options">
                                    <div class="add_addons_dashed">
                                        <label class="form-control-label" for="input-title">Menu items <span class="text-danger">*</span></label>
                                        <div class="add_menu_options_fields">
                                            @php 
                                                $section1 =  json_decode(PageCustomField::get('footer_menu',$page->id), true); 
                                            @endphp
                                            @if(isset($section1) && $section1)
                                            @foreach($section1 as $k => $p)
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[footer_menu][{{ $k }}][menu_title]" value="{{ $p['menu_title'] }}" placeholder="Enter title" required="">
                                                            <label id="name[footer_menu][{{ $k }}][menu_title]-error" for="name[footer_menu][{{ $k }}][menu_title]"class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[footer_menu][{{ $k }}][menu_url]" value="{{ $p['menu_url'] }}" placeholder="Enter url" required="">
                                                            <label id="name[footer_menu][{{ $k }}][menu_url]-error" for="name[footer_menu][{{ $k }}][menu_url]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endforeach
                                            @else
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[footer_menu][0][menu_title]" value="" placeholder="Enter title" required="">
                                                            <label id="name[footer_menu][0][menu_title]-error" for="name[footer_menu][0][menu_title]" class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[footer_menu][0][menu_url]" value="" placeholder="Enter url" required="">
                                                            <label id="name[footer_menu][0][menu_url]-error" for="name[footer_menu][0][menu_url]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4" />
                            <h6 class="heading-small text-muted mb-4">Useful Links</h6>                     
                            <div class="form-group">
                                <label class="form-control-label" for="input-title">Main Title</label>
                                <input type="text" class="form-control" maxlength="15" name="name[useful_links_title]" placeholder="Useful Links" value="{{PageCustomField::get('useful_links_title',$page->id)}}" required>
                                @error('useful_links_title')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="append_addons_html useful_link">
                                <div class="add_addons_with_options">
                                    <div class="add_addons_dashed">
                                        <label class="form-control-label" for="input-title">Menu items <span class="text-danger">*</span></label>
                                        <div class="add_menu_options_fields">
                                            @php 
                                                $section2 =  json_decode(PageCustomField::get('useful_link',$page->id), true); 
                                            @endphp
                                            @if(isset($section2) && $section2)
                                            @foreach($section2 as $k => $p)
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[useful_link][{{ $k }}][menu_title]" value="{{ $p['menu_title'] }}" placeholder="Enter title" required="">
                                                            <label id="name[useful_link][{{ $k }}][menu_title]-error" for="name[useful_link][{{ $k }}][menu_title]"class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[useful_link][{{ $k }}][menu_url]" value="{{ $p['menu_url'] }}" placeholder="Enter url" required="">
                                                            <label id="name[useful_link][{{ $k }}][menu_url]-error" for="name[useful_link][{{ $k }}][menu_url]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endforeach
                                            @else
                                            <div class="custom_group_option">
                                                <div class="left_options_form">
                                                    <div class="left_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[useful_link][0][menu_title]" value="" placeholder="Enter title" required="">
                                                            <label id="name[useful_link][0][menu_title]-error" for="name[useful_link][0][menu_title]" class="error"></label>
                                                        </div>
                                                    </div>
                                                    <div class="right_f_group">
                                                        <div class="form-group">
                                                            <input type="text" class="form-control" name="name[useful_link][0][menu_url]" value="" placeholder="Enter url" required="">
                                                            <label id="name[useful_link][0][menu_url]-error" for="name[useful_link][0][menu_url]" class="error"></label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="close_option remove">
                                                    <a href="javascript:;" class="remove_create_addons_options section1_remove_addons" data-title="Remove" data-toggle="tooltip"><i class="far fa-times"></i></a>
                                                </div>
                                                <div class="close_option add">
                                                    <a href="javascript:;" class="btn-options create_addons_options section1_create_addons" data-title="Add Item" data-toggle="tooltip"><i class="far fa-plus"></i></a>
                                                </div> 
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4" />
                            <h6 class="heading-small text-muted mb-4">Social Media Links</h6>   
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group linkedin_field">
                                        <label class="form-control-label">Get In Touch Title</label>
                                        <input type="text" class="form-control" name="name[get_in_touch]" placeholder="Get In Touch Title" value="{{ PageCustomField::get('get_in_touch',$page->id) }}">
                                        @error('get_in_touch')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group linkedin_field">
                                        <label class="form-control-label">Facebook Link</label>
                                        <input type="url" class="form-control" name="name[facebook]" placeholder="Facebook Link" value="{{ PageCustomField::get('facebook',$page->id) }}">
                                        @error('facebook')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">                          
                                    <div class="form-group twitter_field">
                                        <label class="form-control-label">Twitter Link</label>
                                        <input type="url" class="form-control" name="name[twitter]" placeholder="Twitter Link" value="{{ PageCustomField::get('twitter',$page->id) }}">
                                        @error('twitter')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group linkedin_field">
                                        <label class="form-control-label">LinkedIn Link</label>
                                        <input type="url" class="form-control" name="name[linkedin]" id="linkedin_enable" placeholder="LinkedIn Link" value="{{ PageCustomField::get('linkedin',$page->id) }}">
                                        @error('linkedin')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group whatsapp_field">
                                        <label class="form-control-label">Instagram Link</label>
                                        <input type="url" class="form-control" name="name[instagram]" placeholder="Instagram Link" value="{{ PageCustomField::get('instagram',$page->id) }}">
                                        @error('instagram')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4" />
                            <h6 class="heading-small text-muted mb-4">Powered By</h6>   
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label class="form-control-label">Powered by</label>
                                        <input type="text" class="form-control" maxlength="70" name="company[powered_by]" placeholder="Powered By" value="{{ Settings::get('powered_by') }}">
                                        <small>Maximum Character : 70</small>
                                        @error('powered_by')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="col-md-6">                          
                                    <div class="form-group">
                                        <label class="form-control-label">Powered By Link</label>
                                        <input type="text" class="form-control" name="company[powered_by_link]" placeholder="Powered By Link" value="{{ Settings::get('powered_by_link') }}">
                                        @error('powered_by_link')
                                            <small class="text-danger">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <hr class="my-4" />
                            <!-- Address -->
                            <h6 class="heading-small text-muted mb-4">SEO Meta Information</h6>
                            <div class="form-group">
                                <label class="form-control-label" for="input-first-name">Meta Title</label>
                                <input type="text" class="form-control" name="meta_title" placeholder="Meta Title" value="{{ old('meta_title', isset($page->meta_title) && $page->meta_title ? $page->meta_title : '') }}">
                                @error('meta_title')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label class="form-control-label">Meta Description</label>
                                <textarea rows="2" class="form-control" placeholder="Your description" name="meta_description">{{ old('meta_description', isset($page->meta_description) && $page->meta_description ? $page->meta_description : '') }}</textarea>
                                @error('meta_description')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label class="form-control-label" for="input-first-name">Meta Keywords</label>
                                <input type="text" class="form-control" name="meta_keywords" placeholder="Meta Keywords" value="{{ old('meta_keywords', isset($page->meta_keywords) && $page->meta_keywords ? $page->meta_keywords : '') }}">
                                @error('meta_keywords')
                                    <small class="text-danger">{{ $message }}</small>
                                @enderror
                            </div>
                            <hr class="my-4" />
                            <button href="#" class="btn btn-sm py-2 px-3 btn-primary float-right">
                                <i class="fa fa-save"></i> Submit
                            </button>
                      </form>
                  </div>
             </div>
         </div>
    </div>
</div>
@endsection