@extends('admin.zsi.layouts.admin')

@section('content')
    <div class="breadcrumbs">
        <div class="col-sm-4">
            <div class="page-header float-left">
                <div class="page-title">
                    <h1>Dashboard</h1>
                </div>
            </div>
        </div>

        <div class="col-sm-8">
            <div class="page-header float-right">
                <div class="page-title">
                    <ol class="breadcrumb text-right">

                        <li>
                            <a href="{{ route('zsi.dashboard') }}">
                                Dashboard
                            </a>
                        </li>

                        <li>
                            <a
                                href="{{ $arPageDetails->iType == 1
                                    ? route('admin.cms.menu', ['type' => 'menu', 'lang' => $lang])
                                    : route('admin.cms.others', ['lang' => $lang]) }}">
                                CMS: {{ $arPageDetails->iType == 1 ? 'Menu' : 'Others' }}
                            </a>
                        </li>

                        @if ($arPageDetails)
                            <li>
                                <a
                                    href="{{ route('admin.cms.others.view', [
                                        'lang' => $lang,
                                        'key' => $arPageDetails->szUniqueKey,
                                    ]) }}">
                                    {{ $arPageDetails->szName }}
                                </a>
                            </li>
                        @endif
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="content mt-3">

        {!! session('szFlashErrorMessage') !!}

        @if (session('success'))
            <div class="alert alert-success">
                Details saved successfully.
            </div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger">
                Invalid Data! Please fix the errors below and try again.
            </div>
        @endif

        <div class="animated fadeIn">

            <div class="row">

                <div class="col-sm-1"></div>

                <div class="col-sm-10">

                    <form action="{{ $formAction }}" method="POST" id="frmCMSPage" name="frmCMSPage">

                        @csrf

                        <input type="hidden" name="arPage[idMenu]" id="idMenu"
                            value="{{ $arPageDetails->idMenu ?? 0 }}">

                        <div class="card">

                            <div class="card-header pn bb-n">

                                <nav>

                                    <div class="nav nav-tabs lh-2">

                                        <a class="nav-item nav-link ml10 mn-w100 text-center {{ $lang == 'eng' ? 'active' : '' }}"
                                            href="{{ $szOtherLangPageUrl }}">
                                            English
                                        </a>

                                        <a class="nav-item nav-link mn-w100 text-center {{ $lang == 'hin' ? 'active' : '' }}"
                                            href="{{ $szOtherLangPageUrl }}">
                                            हिन्दी
                                        </a>

                                    </div>

                                </nav>

                            </div>

                            <div class="card-body">

                                <div class="tab-content">

                                    <div class="tab-pane fade show active">

                                        @foreach ($arFormFields as $field)
                                            <div class="form-group @error($field['name']) has-error @enderror">

                                                <label>

                                                    {{ $field['placeholder'] }}

                                                    @if ($lang == 'hin')
                                                        (हिंदी)
                                                    @endif

                                                    @if (!empty($field['required']))
                                                        <span class="text-danger">*</span>
                                                    @endif

                                                </label>

                                                @if (($field['type'] ?? 'text') == 'textarea')
                                                    <textarea name="{{ $field['name'] }}" id="{{ $field['id'] }}" class="form-control" rows="8">{{ old($field['name'], $field['value'] ?? '') }}</textarea>
                                                @else
                                                    <input type="{{ $field['type'] ?? 'text' }}"
                                                        name="{{ $field['name'] }}" id="{{ $field['id'] }}"
                                                        value="{{ old($field['name'], $field['value'] ?? '') }}"
                                                        class="form-control">
                                                @endif

                                                @error($field['name'])
                                                    <em class="text-danger">
                                                        {{ $message }}
                                                    </em>
                                                @enderror

                                            </div>
                                        @endforeach

                                    </div>

                                </div>

                            </div>

                            <div class="card-footer">

                                <a href="{{ route('admin.cms.others.view', [
                                    'lang' => $lang,
                                    'key' => $arPageDetails->szUniqueKey,
                                ]) }}"
                                    class="btn btn-dark">

                                    Cancel

                                </a>

                                <button class="btn btn-primary pull-right" type="submit">

                                    Save Page

                                </button>

                            </div>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>
@endsection