@extends('backend.layouts.master')
@section('content')
  <div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
          <div class="row mb-2">
            <div class="col-sm-6">
            </div>
            <div class="col-sm-6">
              <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
                <li class="breadcrumb-item active">CMS Management</li>
              </ol>
            </div>
          </div>
        </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-primary">
                        <div class="card-header">
                            <div class="card-title">Edit CMS Page</div>
                        </div>
                        <form id="quickForm" method="POST" action="{{route('cms-management.update',$cmsPage->id)}}" enctype="multipart/form-data">
                            @csrf
                            @method('PATCH')
                            <input type="hidden" name="id" value="{{ $cmsPage->id }}">
                            <input type="hidden" name="page_slug" value="{{ $cmsPage->page_slug}}">
                            <div class="card-body">
                                @include('backend.common-views.messages')
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label for="page_name">Page Name<span>*</span></label>
                                            <input type="text" name="page_name" id="page_name" class="form-control" value="{{ $cmsPage->page_name }}">
                                            @error('page_name')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                @if(!in_array($cmsPage->page_slug, ['home', 'disclosure', 'recent-recommendation', 'allocation-recommendation', 'alternative-investment-fund']))
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <label for="banner_header">Banner Header<span>*</span></label>
                                            <input type="text" name="banner_header" id="banner_header" class="form-control" value="{{ $cmsPage->banner_header }}">
                                            @error('banner_header')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="banner_image">Banner Image</label>
                                            <input type="file" name="banner_image" id="banner_image" class="form-control">
                                            <div class="form-group">
                                                <img src="{{ asset('images/banner-image/'.$cmsPage->banner_image) }}" style="width: 150px">
                                            </div>
                                        </div>
                                    </div>
                                @endif
                                @if($cmsPage->page_slug === 'services')
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <div class="form-group">
                                                <label for="second_block_title">Service Second Block Title<span>*</span></label>
                                                <input type="text" name="service_second_block_title" id="second_block_title" class="form-control" value="{{ $serviceBlockTwoTitle }}">
                                                @error('service_second_block_title')
                                                    <span class="error">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="service_block_second_image">Service Second Block Image</label>
                                            <input type="file" name="service_block_second_image" id="service_block_second_image" class="form-control">
                                            <div class="form-group">
                                                <img src="{{ asset('images/services/'.$serviceBlockTwoImage) }}" style="width: 150px">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="serviceBlockTwo">Service Second Block Description<span>*</span></label>
                                            <textarea name="service_block_second" id="service_block_second" class="form-control" type="text" rows="5" cols="20">
                                                {{ $serviceBlockTwo }}
                                            </textarea>
                                            @error('service_block_second')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <div class="form-group">
                                                <label for="third_block_title">Service Third Block Title<span>*</span></label>
                                                <input type="text" name="service_third_block_title" id="third_block_title" class="form-control" value="{{ $serviceBlockThreeTitle }}">
                                                @error('service_third_block_title')
                                                    <span class="error">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="service_block_third_image">Service Third Block Image</label>
                                            <input type="file" name="service_block_third_image" id="service_block_third_image" class="form-control">
                                            <div class="form-group">
                                                <img src="{{ asset('images/services/'.$serviceBlockThreeImage) }}" style="width: 150px">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="serviceBlockThreeHome">Service Third Block Home page Description<span>*</span></label>
                                            <textarea name="service_block_third_home" id="service_block_third_home" class="form-control" type="text">
                                                {{ $serviceBlockThreeHome }}
                                            </textarea>
                                            @error('service_block_third_home')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="serviceBlockThree">Service Third Block Description<span>*</span></label>
                                            <textarea name="service_block_third" id="service_block_third" class="form-control" type="text" rows="5" cols="20">
                                                {{ $serviceBlockThree }}
                                            </textarea>
                                            @error('service_block_third')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <div class="form-group">
                                                <label for="fourth_block_title">Service Fourth Block Title<span>*</span></label>
                                                <input type="text" name="service_fourth_block_title" id="fourth_block_title" class="form-control" value="{{ $serviceBlockFourTitle }}">
                                                @error('service_fourth_block_title')
                                                    <span class="error">{{$message}}</span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="service_block_fourth_image">Service Fourth Block Image</label>
                                            <input type="file" name="service_block_fourth_image" id="service_block_fourth_image" class="form-control">
                                            <div class="form-group">
                                                <img src="{{ asset('images/services/'.$serviceBlockFourImage) }}" style="width: 150px">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="serviceBlockFour">Service Fourth Block Description<span>*</span></label>
                                            <textarea name="service_block_fourth" id="service_block_fourth" class="form-control" type="text" rows="5" cols="20">
                                                {{ $serviceBlockFour }}
                                            </textarea>
                                            @error('service_block_fourth')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                @endif
                                @if(in_array($cmsPage->page_slug, ['disclosure']))
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="middle_block_title">Middle Block Title<span>*</span></label>
                                            <input type="text" name="middle_block_title" id="middle_block_title" class="form-control" value="{{$middleBlockTitle}}">
                                            @error('middle_block_title')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                @endif
                                @if(in_array($cmsPage->page_slug, ['disclosure', 'home']))
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="middle_block">Middle Block<span>*</span></label>
                                            <textarea name="middle_block" id="middle_block" class="form-control" type="text" rows="5" cols="20">
                                                {{ $middleBlock }}
                                            </textarea>
                                            @error('middle_block')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                @endif
                                @if(in_array($cmsPage->page_slug, ['disclosure', 'grievanceRedressal']))
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="disclosure_block_title">
                                                @if(in_array($cmsPage->page_slug, ['disclosure']))
                                                    Disclosure
                                                @else
                                                    GrievanceRedressal
                                                @endif Block Title
                                                <span>*</span>
                                            </label>
                                            <input type="text" name="disclosure_block_title" id="disclosure_block_title" class="form-control mb-2" value="{{ $disclosureBlockTitle }}">
                                            @error('disclosure_block_title')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="disclosure_block">
                                            @if(in_array($cmsPage->page_slug, ['disclosure']))
                                                Disclosure
                                            @else
                                                GrievanceRedressal
                                            @endif Block<span>*</span></label>
                                            <textarea name="disclosure_block" id="disclosure_block" class="form-control" type="text" rows="5" cols="20">
                                                {{ $disclosureBlock }}
                                            </textarea>
                                            @error('disclosure_block')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                @endif
                                @if($cmsPage->page_slug === 'home')
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <label for="left_block_title">Left Block Title<span>*</span></label>
                                            <input type="text" name="left_block_title" id="left_block_title" class="form-control mb-2" value="{{ $leftBlockTitle }}">
                                            @error('left_block_title')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                @endif
                                @if(in_array($cmsPage->page_slug, ['home' , 'about-us']))
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            @if($cmsPage->page_slug === 'home')
                                                <label for="left_block">Left Block<span>*</span></label>
                                                <textarea name="left_block" id="left_block" class="form-control" type="text" rows="5" cols="20">
                                                    {{ $leftBlock }}
                                                </textarea>
                                                @error('left_block')
                                                    <span class="error">{{$message}}</span>
                                                @enderror
                                            @elseif ($cmsPage->page_slug === 'about-us')
                                                <label for="left_block_img">Left Block Image</label>
                                                <input type="file" name="left_block_img" id="left_block_img" class="form-control">
                                                <div class="form-group">
                                                    <img src="{{ asset('images/about-us/'.$left_block_img) }}" style="width: 150px">
                                                </div>
                                            @else
                                            @endif
                                        </div>
                                        <div class="col-6">
                                            @if($cmsPage->page_slug === 'about-us')
                                                <div class="row">
                                                    <div class="col-12 form-group">
                                                        <label for="right_block_title">Right Block Title<span>*</span></label>
                                                        <input type="text" name="right_block_title" id="right_block_title" class="form-control mb-2" value="{{ $rightBlockTitle }}">
                                                        @error('right_block_title')
                                                            <span class="error">{{$message}}</span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-12 form-group">
                                                        <label for="right_block">Right Block<span>*</span></label>
                                                        <textarea name="right_block" id="right_block" class="form-control" type="text" rows="5" cols="20">
                                                            {{ $rightBlock }}
                                                        </textarea>
                                                        @error('right_block')
                                                            <span class="error">{{$message}}</span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                @endif
                                @if(in_array($cmsPage->page_slug,['recent-recommendation', 'allocation-recommendation']))
                                    <div class="row">
                                        <div class="col-8 form-group">
                                            <label for="top_block">Top Block<span>*</span></label>
                                            <textarea name="top_block" id="top_block" class="form-control" type="text" rows="5" cols="20">
                                                {{ $topBlock }}
                                            </textarea>
                                            @error('top_block')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="top_block_image">Top Block Image</label>
                                            <input type="file" name="top_block_image" id="top_block_image" class="form-control">
                                            <div class="form-group">
                                                <img src="{{ asset('images/banner-image/'.$topBlockImg) }}" style="width: 150px">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="bottom_block">Bottom Block<span>*</span></label>
                                            <textarea name="bottom_block" id="bottom_block" class="form-control" type="text" rows="5" cols="20">{{ $bottomBlock}}</textarea>
                                        </div>
                                    </div>
                                @endif
                                @if($cmsPage->page_slug === 'alternative-investment-fund')
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="top_block">Top Block<span>*</span></label>
                                            <textarea name="top_block" id="top_block" class="form-control" type="text" rows="5" cols="20">
                                                {{ $topBlock }}
                                            </textarea>
                                            @error('top_block')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="middle_block_title">Middle Block Title<span>*</span></label>
                                            <input type="text" name="middle_block_title" id="middle_block_title" class="form-control" value="{{$middleBlockTitle}}">
                                            @error('middle_block_title')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="middle_block_title">Middle Block<span>*</span></label>
                                            <div class="row">
                                                <div class="col-4">
                                                    <label for="title">Title</label>
                                                </div>
                                                <div class="col-4">
                                                    <label for="description">Description</label>
                                                </div>
                                                <div class="col-3">
                                                    <label for="image">Image</label>
                                                </div>
                                            </div>
                                            <div id="hedgehog-wrapper-append">
                                                @foreach ($middleBlock as $data)
                                                    <div class="row hedgehog-record">
                                                        <div class="col-4">
                                                            <div class="form-group">
                                                                <input type="text" name="hedgehog_title[]" class="form-control" id="0" placeholder="Enter Title" value="{{$data['title']}}">
                                                                <span class="error hedgehog_title_error_0"></span>
                                                            </div>
                                                        </div>
                                                        <div class="col-4">
                                                            <div class="form-group">
                                                                <textarea name="hedgehog_description[]" id="hedgehog_description" class="form-control" type="text" rows="3" cols="20">{{ $data['description'] }}</textarea>
                                                            </div>
                                                        </div>
                                                        <div class="col-3">
                                                            <div class="form-group">
                                                                <input type="file" name="hedgehog_image[]" class="form-control" id="hedgehog_image" accept="image/*">
                                                                <a href="{{ asset('images/services/alternative-investment-fund/'.$data['image']) }}" class="hedgehog_image_preview" target="_blank" title="{{$data['image']}}">
                                                                    {{$data['image']}}
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <div class="col-1">
                                                            <a class="btn btn-danger btn-sm hedgehog-delete" title="Delete">
                                                                <i class="fa fa-trash"></i>
                                                            </a>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <div class="row mb-2">
                                                <div class="col-12">
                                                    <a href="javascript:void(0);" class="add_button btn btn-success btn-sm hedgehog-add" title="Add"><i class="fa fa-plus"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-4 form-group">
                                            <label for="get_started_button_link">Get Started Button Link<span>*</span></label>
                                            <input type="text" name="get_started_button_link" id="get_started_button_link" class="form-control" value="{{$getStartedButtonLink}}">
                                            @error('get_started_button_link')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="booklet_button_link">Niveshaay Hedgehogs Fund Link<span>*</span></label>
                                            <input type="text" name="booklet_button_link" id="booklet_button_link" class="form-control" value="{{$bookletButtonLink}}">
                                            @error('booklet_button_link')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="sambhav_button_link">Niveshaay Sambhav Fund Link<span>*</span></label>
                                            <input type="text" name="sambhav_button_link" id="sambhav_button_link" class="form-control" value="{{$sambhavButtonLink}}">
                                            @error('sambhav_button_link')
                                                <span class="error">{{$message}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                @endif
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary btn-flat mr-2"><i class="fas fa-save"></i> Submit</button>
                                <button type="button" class="btn btn-outline-danger btn-flat" onclick="window.history.back();"><i class="fas fa-times"></i> Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
  </div>
@endsection
@push('js')
<script type="module">
    var hedgehog = 1;

    $(document).ready(function() {
        hedgehog = $('.hedgehog-record').length;
    });

    $(document).ready(function() {
        jQuery('#right_block, #top_block, #middle_block, #bottom_block, #left_block, #service_block_first, #service_block_second, #service_block_third, #service_block_fourth, #service_block_third_home , #disclosure_block').summernote();
    });

    $('.hedgehog-add').click(function() {
        var $hedgehogRow = $('#hedgehog-wrapper-append .row').first().clone();
        $hedgehogRow.addClass('row-to-hedgehog-remove');
        $('#hedgehog-wrapper-append').append($hedgehogRow);
        $hedgehogRow.find('.form-group input[type="text"]').attr('id', hedgehog);
        $hedgehogRow.find('.form-group input[type="text"]').val('');
        $hedgehogRow.find('.form-group textarea').val('');
        $hedgehogRow.find('.form-group input[type="file"]').val('');
        $hedgehogRow.find('a.hedgehog_image_preview').text('').removeAttr('href').removeAttr('title');
        $hedgehogRow.find('.form-group .error').removeClass('hedgehog_title_error_0');
        $hedgehogRow.find('.form-group .error').addClass('hedgehog_title_error_' + hedgehog);
        $hedgehogRow.find('.form-group .error').html('');
        hedgehog++;
    });

    $(document).on('click', '.hedgehog-delete', function() {
        $(this).closest('.row').remove();
        hedgehog--;
        if(hedgehog === 0){ window.location.reload() };
    });
</script>
@endpush