@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="javascript:;">{{$row_id > 0? 'Edit':'Add'}} Rows</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">
                @if(isset($record->status, $record->record_type)
                && !in_array($record->status, ['Approved', 'Reject', 'Rejected'])
                && in_array($record->record_type, ['video', 'article']))
                <form class="form-horizontal" name="add_edit_row" id="add_edit_row" action="{{ route('cms.add-edit-row') }}" method="POST">
                    @csrf
                    <input type="hidden" name="cms_draft_record_id" value="{{ $record->id??0 }}">
                    <input type="hidden" name="row_id" value="{{ $row_id??0 }}">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h4 class="panel-title">{{$row_id > 0? 'Edit':'Add'}} Row</h4>
                        </div>

                        <div class="panel-body">
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="row_name">Row Name</label>
                                <div class="col-sm-3">
                                    <input type="text" name="row_name" id="row_name" autocomplete="off" value="{{ isset($get_cms_rows->row_name)?$get_cms_rows->row_name: old('row_name', request('row_name')) }}" class="form-control">
                                </div>
                                <label class="col-sm-2 col-form-label" for="row_content_inner_style">Row Content Inner Style</label>
                                <div class="col-sm-3">
                                    <select name="row_content_inner_style" id="row_content_inner_style" class="form-control">
                                        @foreach(App\Enums\RowContentInnerStyle::cases() as $style)
                                            <option value="{{ $style }}"
                                                {{ isset($get_cms_rows) && $get_cms_rows->row_content_inner_style == $style->value ? 'selected' : '' }}>
                                                {{ $style->value }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>  
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="row_background_color">Row Background Color</label>
                                <div class="col-sm-3">
                                    <select name="row_background_color" id="row_background_color" class="form-control">
                                        <option value="">Select Row Background Color</option>
                                        <option value="color_1" {{ isset($get_cms_rows) && $get_cms_rows->row_background_color == 'color_1' ? 'selected' : '' }}>color_1</option>
                                        <option value="color_2" {{ isset($get_cms_rows) && $get_cms_rows->row_background_color == 'color_2' ? 'selected' : '' }}>color_2</option>
                                        <option value="color_3" {{ isset($get_cms_rows) && $get_cms_rows->row_background_color == 'color_3' ? 'selected' : '' }}>color_3</option>
                                    </select>
                                </div>
                                <label class="col-sm-2 col-form-label" for="row_padding_style">Row Padding Style</label>
                                <div class="col-sm-3">
                                    <select name="row_padding_style" id="row_padding_style" class="form-control">
                                        <option value="">Select Row Padding Style</option>
                                        <option value="section-gap-equal" {{ isset($get_cms_rows) && $get_cms_rows->row_padding_style == 'section-gap-equal' ? 'selected' : '' }}>Section-gap-equal</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="use_in_panel">Use In Panel</label>
                                <div class="col-sm-3">
                                    <select name="use_in_panel" id="use_in_panel" class="form-control">
                                        <option value="">Select Use In Panel</option>
                                        <option value="left" {{ isset($get_cms_rows) && $get_cms_rows->use_in_panel == 'left' ? 'selected' : '' }}>Left</option>
                                        <option value="right" {{ isset($get_cms_rows) && $get_cms_rows->use_in_panel == 'right' ? 'selected' : '' }}>Right</option>
                                        <option value="top" {{ isset($get_cms_rows) && $get_cms_rows->use_in_panel == 'top' ? 'selected' : '' }}>Top</option>
                                        <option value="bottom" {{ isset($get_cms_rows) && $get_cms_rows->use_in_panel == 'bottom' ? 'selected' : '' }}>Bottom</option>
                                    </select>
                                </div>
                                <label class="col-sm-2 col-form-label" for="display_location">Display Location</label>
                                <div class="col-sm-3">
                                    <select name="display_location" id="display_location" class="form-control">
                                        <option value="">Select Display Location</option>
                                        <option value="before_video" {{ isset($get_cms_rows) && $get_cms_rows->display_location == 'before_video' ? 'selected' : '' }}>before_video</option>
                                        <option value="after_video" {{ isset($get_cms_rows) && $get_cms_rows->display_location == 'after_video' ? 'selected' : '' }}>after_video</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label" for="from_date">Publish Date</label>
                                <div class="col-sm-3">
                                    <input type="date" name="from_date" id="from_date"
                                        value="{{ isset($get_cms_rows->created_at) && $get_cms_rows->created_at ? date('Y-m-d', strtotime($get_cms_rows->created_at)) : '' }}"
                                    class="form-control">

                                </div>
                                <label class="col-sm-2 col-form-label" for="status">is Active</label>
                                <div class="col-sm-3">
                                    <select name="status" id="status" class="form-control">
                                        <option value="Active" {{ isset($get_cms_rows) && $get_cms_rows->status == 'Active' ? 'selected' : '' }}>Active</option>
                                        <option value="InActive" {{ isset($get_cms_rows) && $get_cms_rows->status == 'InActive' ? 'selected' : '' }}>InActive</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label for="inputPassword3" class="col-sm-2 col-form-label">Display Importance</label>
                                <div class="col-sm-3">
                                    <input type="number" min="1" name="display_importance" class="form-control" id="inputEmail3" value="{{ $get_cms_rows->display_importance ?? '' }}">
                                </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="{{$row_id > 0? 'Edit':'Add'}}" id="ContentPlaceHolder1_btnFind" class="btn btn-primary">
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
                @endif
            </div>
        </div>
    </div>
    @endsection