@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:void(0);">CMS</a></li>
            <li class="active"><a href="javascript:void(0);">{{ ( 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.content-details', [$record->id, $record->cms_record_id]) . '#tab1-rows' }}">{{isset($row_content_data->id) && $row_content_data->id > 0? 'Edit':'Add'}} Rows</a></li>
            <li class="active"><a href="javascript:void(0);">{{ $row_content_data->row_content_inner_style ?? '--'}} </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
        @if(in_array($row_content_data->row_content_inner_style,["List_Page_Grid_1_Columns","List_Page_Grid_2_Columns","List_Page_Grid_3_Columns",
        "List_Page_Grid_4_Columns","List_Page_Grid_6_Columns","List_Page_Grid_1_Columns_WithOutLink","List_Page_Grid_2_Columns_WithOutLink","List_Page_Grid_3_Columns_WithOutLink",
        "List_Page_Grid_4_Columns_WithOutLink","List_Page_Grid_6_Columns_WithOutLink"
        ]) )
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-primary">
                        <!-- Tabs in Header -->
                        <div class="panel-heading" style="padding: 0;">
                            <ul class="nav nav-tabs bg-primary">
                                <li class="nav-item in active" aria-expanded="true">
                                    <a class="nav-link in active text-white infoTab" data-toggle="tab" href="#basicInfo">Basic Info</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link text-white infoTab" data-toggle="tab" href="#itemsData">Items</a>
                                </li>
                            </ul>
                        </div>

                        <div class="panel-body">
                            <div class="tab-content">

                                <!-- Add Form -->
                                <div class="tab-pane fade in active" id="basicInfo" aria-expanded="true">
                                    <form class="form-horizontal"
                                        action="{{ route('cms.post-add-edit-row-content-data') }}"
                                        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_content_data->id?? 0 }}">
                                        <input type="hidden" name="form_type" value="grid_form">

                                        <div class="form-group row">
                                            <label class="col-sm-4 col-form-label" for="title">Title</label>
                                            <div class="col-sm-8">
                                                <input type="text" name="title" id="title"
                                                    value="{{  isset($row_content_data->title)?$row_content_data->title:  old('title', request('title')) }}"
                                                    class="form-control">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-sm-4 col-form-label" for="more_info_link_name">List Right Link Name</label>
                                            <div class="col-sm-8">
                                                <input type="text" name="more_info_link_name" id="more_info_link_name"
                                                    value="{{ isset($row_content_data->more_info_link_name)?$row_content_data->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-4 col-form-label" for="more_info_link_url">List Right Link URL</label>
                                            <div class="col-sm-8">
                                                <input type="text" name="more_info_link_url" id="more_info_link_url"
                                                    value="{{ isset($row_content_data->more_info_link_url)?$row_content_data->more_info_link_url: old('more_info_link_url', request('more_info_link_url')) }}"
                                                    class="form-control">
                                            </div>
                                        </div>
                                        <div class="text-center">
                                            
                                            @if(isset($record->status, $record->record_type) 
                                            //&& $record->created_by == Auth::user()->id
                                                && !in_array($record->status, ['Approved', 'Reject', 'Rejected']) 
                                                && in_array($record->record_type, ['video', 'article']))
                                            <button type="submit" name="grid_submit" value="grid_submit" class="btn btn-success">Submit</button>
                                            @else
                                            <button type="submit" name="grid_submit" value="grid_submit" disabled class="btn btn-success">Submit</button>
                                            @endif
                                        </div>
                                    </form>
                                </div>

                                <!-- Add Item Form -->
                                <div class="tab-pane fade" id="itemsData">
                                    <div id="tab1-rows" class="tab-pane tab-pane-table">
                                        <div class="panel panel-primary">
                                            <form action="#" method="POST">
                                                @csrf
                                                <div class="panel-heading">
                                                    Items
                                                    @if(isset($record->status, $record->record_type) 
                                                            && $record->created_by == Auth::user()->id
                                                            && !in_array($record->status, ['Approved', 'Reject', 'Rejected']) 
                                                            && in_array($record->record_type, ['video', 'article']))
                                                        <div class="panel-options">
                                                            <a href="{{ route('cms.add-row-item',['cmsdraftid'=>$approval->draft->id,'row_id'=>$row_content_data->id]) }}">Add Item</a>
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="panel-body">
                                                    <div class="table-responsive">

                                                        <table class="table ">
                                                            <thead>
                                                                <tr>
                                                                    <th> S No </th>
                                                                    <th> Name </th>
                                                                    <th> Type </th>
                                                                    <th> Display Importance </th>
                                                                    <th> Is Active </th>
                                                                    @if(isset($record->status, $record->record_type) 
                                                                        && $record->created_by == Auth::user()->id
                                                                        && !in_array($record->status, ['Approved', 'Reject', 'Rejected']) 
                                                                        && in_array($record->record_type, ['video', 'article']))
                                                                    <th>Action</th>
                                                                    @endif
                                                                </tr>
                                                            </thead>
                                                            <tbody>
                                                                @foreach($get_row_item_data as $val)
                                                                <tr class="odd gradeA">
                                                                    <td>{{ $loop->iteration }}</td>
                                                                    <td>{{ $val->title }}</td>
                                                                    <td>{{ $val->block_content_type }}</td>
                                                                    <td>{{ $val->display_importance }}</td>
                                                                    <td>{{ $val->status ? 'Active' : 'In Active' }}</td>
                                                                    @if(isset($record->status, $record->record_type) 
                                                                        && $record->created_by == Auth::user()->id
                                                                        && !in_array($record->status, ['Approved', 'Reject', 'Rejected']) 
                                                                        && in_array($record->record_type, ['video', 'article']))
                                                                        <td><a href="{{ route('cms.add-row-item',[$val->cms_draft_record_id,$val->cms_row_id,$val->id]) }}" title="Edit Item" class="btn btn-warning"><i class="fa fa-edit"></i></td>
                                                                        <td><a href="{{ route('cms.delete-row-item',[$val->cms_draft_record_id,$val->cms_row_id,$val->id]) }}" class="btn btn-danger" title="Delete Row-item"><i class="fa fa-trash-o"></i></td>
                                                                    @endif
                                                                </tr>
                                                                @endforeach     

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                        </div>
                                        </form>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
        <div class="row">
            <div class="col-md-12">
                <form class="form-horizontal" name="post_add_edit_row_content_data" id="post_add_edit_row_content_data" action="{{ route('cms.post-add-edit-row-content-data') }}" 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_content_data->id?? 0 }}">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h4 class="panel-title">{{isset($row_content_data->id) && $row_content_data->id > 0? 'Edit '.$row_content_data->row_content_inner_style ?? '--':'Add '.$row_content_data->row_content_inner_style ?? '--'}} </h4>
                        </div>
                        <div class="panel-body">
                            <div class="form-group row">
                                <label class="col-sm-4 col-form-label" for="title">Title</label>
                                <div class="col-sm-8">
                                    <input type="text" name="title" id="title" autocomplete="off" value="{{ isset($row_content_data->title)?$row_content_data->title: old('title', request('title')) }}" class="form-control">
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="description" class="col-sm-4 col-form-label">Description</label>
                                <div class="col-sm-8">
                                    <textarea id="summernote" class="summernote" name="description">{{ $row_content_data->description ?? '' }}</textarea>
                                </div>
                            </div>
                            @if(in_array($row_content_data->row_content_inner_style,["Content_Left_Paragraph_Right_Image","Content_Left_Image_Right_Paragraph"]) )
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-4 col-form-label">Image</label>
                                <div class="col-sm-6">
                                    <input type="file" name="image" class="form-control" id="inputEmail3">
                                </div>
                                @if (!empty($row_content_data->image))
                                <div class="mt-2">
                                    <img src="{{ asset('imagesRowContentData/' . $row_content_data->image) }}" alt="Image" style="width:50px;">
                                </div>
                                @endif
                            </div>
                            @endif
                            <div class="form-group row">
                                <div class="col-sm-12 text-center">
                                    <div id="ContentPlaceHolder1_ValidationSummary1" style="display: none;"></div>
                                    @if(isset($record->status, $record->record_type) 
                                                && $record->created_by == Auth::user()->id
                                                && !in_array($record->status, ['Approved', 'Reject', 'Rejected']) 
                                                && in_array($record->record_type, ['video', 'article']))
                                    <input type="submit" name="submit" value="{{isset($row_content_data->id) && $row_content_data->id > 0? 'Submit':'Submit'}}" id="ContentPlaceHolder1_btnFind" class="btn btn-primary">
                                    @else
                                       <input type="submit" name="submit" value="{{isset($row_content_data->id) && $row_content_data->id > 0? 'Submit':'Submit'}}" id="ContentPlaceHolder1_btnFind" disabled class="btn btn-primary disabled">                             
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        @endif
    </div>
    @endsection
    @push('scripts')
    <script>
        $(document).ready(function() {
            $(document).on('click', '.infoTab', function(e) {
                $('.tab-pane').removeClass('show');
            });
        });
    </script>
    @endpush