@extends('layouts.app') @section('content')
@php
$record = $approval->draft ?? $approval;

@endphp
<div class="page-content">
    <div class="page-subheading page-subheading-md">
        <ol class="breadcrumb">
            <li><a href="javascript:;">CMS</a></li>
            <li class="active"><a href="javascript:;">{{ ( isset($record->record_type))?ucfirst($record->record_type):"Content" }}</a></li>
            <li class="active"><a href="{{ route('cms.content-details', [$record->id, $record->cms_record_id])}}">{{ $record->name }}</a></li>
            <li class="active"><a href="{{  route('cms.get-add-edit-row-content-data', [$row_id]) . '#itemsData' }}">{{ $get_cms_row->row_content_inner_style }}</a></li>
            <li class="active"><a href="javascript:;">{{$item_id > 0? 'Edit':'Add'}} Item</a></li>
        </ol>
    </div>
    <!-- <div class="page-heading page-heading-md">
        <h2> {{ $approval->draft ? $approval->draft->name : $approval->name }} - Add Row</h2>
    </div> -->

    <div class="container-fluid-md">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
        @endif
        @if (session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <form class="form-horizontal" name="add_edit_row-item" id="add_edit_row-item" action="{{ route('cms.add-edit-row-item') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <input type="hidden" name="cms_draft_record_id" value="{{ $record->id??0 }}">
                    <input type="hidden" name="row_id" value="{{ $row_id??0 }}">
                    <input type="hidden" name="item_id" value="{{ $item_id??0 }}">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h4 class="panel-title">{{$item_id > 0? 'Edit':'Add'}} Item</h4>
                        </div>

                        <div class="panel-body">
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="title">Title</label>
                                <div class="col-sm-3">
                                    <input type="text" name="title" id="title" autocomplete="off" value="{{ isset($get_cms_row_item->title)?$get_cms_row_item->title: old('title', request('title')) }}" class="form-control">
                                </div>
                                <label class="col-sm-2 col-form-label" for="block_content_type">Block Content Type</label>
                                <div class="col-sm-3">
                                    <select name="block_content_type" id="block_content_type" class="form-control">
                                        @foreach(App\Enums\BlockContentType::cases() as $style)
                                            <option value="{{ $style }}"
                                                {{ isset($get_cms_row_item) && $get_cms_row_item->block_content_type == $style->value ? 'selected' : '' }}>
                                                {{ $style->value }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>  
                            </div>
                            <div class="form-group row">
                                <label for="description" class="col-sm-2 col-form-label">Description</label>
                                <div class="col-sm-8">
                                    <textarea id="summernote" class="summernote" name="description">{{ $get_cms_row_item->description ?? '' }}</textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="brief" class="col-sm-2 col-form-label">Brief</label>
                                <div class="col-sm-8">
                                    <textarea id="summernote" class="summernote" name="brief">{{ $get_cms_row_item->brief ?? '' }}</textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-2 col-form-label">Image</label>
                                <div class="col-sm-6">
                                    <input type="file" name="image"  class="form-control" id="image">
                                </div>
                                @if (!empty($get_cms_row_item->image))
                                <div class="mt-2">
                                    <img src="{{ asset('imagesRowItem/' . $get_cms_row_item->image) }}" alt="Image" style="width:50px;">
                                </div>
                                @endif
                            </div>
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-2 col-form-label">Background Image</label>
                                <div class="col-sm-6">
                                    <input type="file" name="background_image"  class="form-control" id="background_image">
                                </div>
                                @if (!empty($get_cms_row_item->background_image))
                                <div class="mt-2">
                                    <img src="{{ asset('imagesRowItem/' . $get_cms_row_item->background_image) }}" alt="Background Image" style="width:50px;">
                                </div>
                                @endif
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="image_link">Image Link</label>
                                <div class="col-sm-6">
                                    <input type="text" name="image_link" id="image_link" autocomplete="off" value="{{ isset($get_cms_row_item->image_link)?$get_cms_row_item->image_link: old('image_link', request('image_link')) }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="video_embed_link">Video Embed Link</label>
                                <div class="col-sm-6">
                                    <input type="text" name="video_embed_link" id="video_embed_link" autocomplete="off" value="{{ isset($get_cms_row_item->video_embed_link)?$get_cms_row_item->video_embed_link: old('video_embed_link', request('video_embed_link')) }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="video_embed" class="col-sm-2 col-form-label">Video Embed</label>
                                <div class="col-sm-8">
                                    <textarea id="video_embed" rows="5" cols="80" class="video_embed" name="video_embed">{{ $get_cms_row_item->video_embed ?? '' }}</textarea>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="more_info_link_name">More info Link Name</label>
                                <div class="col-sm-6">
                                    <input type="text" name="more_info_link_name" id="more_info_link_name" autocomplete="off" value="{{ isset($get_cms_row_item->more_info_link_name)?$get_cms_row_item->more_info_link_name: old('more_info_link_name', request('more_info_link_name')) }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="more_info_link_url">More Info Link Url</label>
                                <div class="col-sm-6">
                                    <input type="text" name="more_info_link_url" id="more_info_link_url" autocomplete="off" value="{{ isset($get_cms_row_item->more_info_link_url)?$get_cms_row_item->more_info_link_url: old('more_info_link_url', request('more_info_link_url')) }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="display_importance" class="col-sm-2 col-form-label">Display Importance</label>
                                <div class="col-sm-6">
                                    <input type="number" min="1" name="display_importance" class="form-control" id="display_importance" value="{{ $get_cms_row_item->display_importance ?? '' }}">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="status">is Active</label>
                                <div class="col-sm-6">
                                    <select name="status" id="status" class="form-control">
                                        <option value="Active" {{ isset($get_cms_row_item) && $get_cms_row_item->status == 'Active' ? 'selected' : '' }}>Active</option>
                                        <option value="InActive" {{ isset($get_cms_row_item) && $get_cms_row_item->status == 'InActive' ? 'selected' : '' }}>InActive</option>
                                    </select>
                                </div>
                            </div>
                            
                            <div class="form-group row">
                                <div class="col-sm-12 text-center">
                                    <div id="ContentPlaceHolder1_ValidationSummary1" style="display: none;"></div>
                                    <input type="submit" name="submit" value="submit" id="ContentPlaceHolder1_btnFind" class="btn btn-primary">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @endsection