@extends('layouts.sidebar')
@section('title', 'Nomadic-CMS')
@section('content')
<div class="pagetitle">
  <h1>{{$page}} Page</h1>
</div>

<section class="section profile">
  <div class="col-xl-12">
    @if(session('success'))
    <div class="alert alert-success p-2">{{session('success')}}</div>
    @endif
    <input type="hidden" id="page_name" value="{{ isset($page_name) ? $page_name : 'signup' }}" readonly>

    <div class="row">
      <div class="col-xl-4">
        <a href="{{url('backend/billing#Subscription-tab')}}" style="text-decoration:underline">Update content of plans</a>
      </div>
    </div>

    @if($section_one)
    <div class="row">
      <div class="col-xl-4">
        <div class="card">
          <div class="card-body profile-card pt-4 pl-0 d-flex flex-column">
            <label class="lblprofile">Section One</label>
          </div>
        </div>
      </div>
      <div class="col-xl-8 mt-4">
        <div class="card">
          <div class="card-body pt-3">
            <div class="row">
              <div class="col-md-12">
                <label class="lblprofile">Heading</label>
                <input type="text" name="heading[{{$section_one->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$section_one->heading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Description</label>
                <textarea name="description[{{$section_one->id}}]" class="form-control mb-2" placeholder="Description" rows="4">{{$section_one->description}}</textarea>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    @if($section_two)
    <div class="row">
      <div class="col-xl-4">
        <div class="card">
          <div class="card-body profile-card pt-4 pl-0 d-flex flex-column">
            <label class="lblprofile">Section Two</label>
          </div>
        </div>
      </div>
      <div class="col-xl-8 mt-4">
        <div class="card">
          <div class="card-body pt-3">
            <div class="row">
              <div class="col-md-12">
                <label class="lblprofile">Heading</label>
                <input type="text" name="heading[{{$section_two->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$section_two->heading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Subheading</label>
                <input type="text" name="subheading[{{$section_two->id}}]" class="form-control mb-2" placeholder="Subheading" value="{{$section_two->subheading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Description</label>
                <textarea name="description[{{$section_two->id}}]" class="form-control mb-2" placeholder="Description" rows="4">{{$section_two->description}}</textarea>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    @if($section_three && $section_three->count() > 0)
    <div class="row">
      <div class="col-xl-4">
        <div class="card">
          <div class="card-body profile-card pt-4 pl-0 d-flex flex-column">
            <label class="lblprofile">Section Three</label>
          </div>
        </div>
      </div>
      <div class="col-xl-8 mt-4">
        <div class="card">
          <div class="card-body pt-3">
            @foreach($section_three as $file)
            <div class="row border-bottom mb-4 pb-4">
              <div class="col-md-12">
                <label class="lblprofile">Heading</label>
                <input type="text" name="heading[{{$file->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$file->heading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Description</label>
                <input type="text" name="subheading[{{$file->id}}]" class="form-control mb-2" placeholder="Subheading 1" value="{{$file->subheading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Heading</label>
                <input type="text" name="subheading2[{{$file->id}}]" class="form-control mb-2" placeholder="Subheading 2" value="{{$file->subheading2}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Description</label>
                <input type="text" name="subheading3[{{$file->id}}]" class="form-control mb-2" placeholder="Subheading 3" value="{{$file->subheading3}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Heading</label>
                <input type="text" name="subheading4[{{$file->id}}]" class="form-control mb-2" placeholder="Subheading 4" value="{{$file->subheading4}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Description</label>
                <input type="text" name="subheading5[{{$file->id}}]" class="form-control mb-2" placeholder="Subheading 5" value="{{$file->subheading5}}" />
              </div>
            </div>
            @endforeach
          </div>
        </div>
      </div>
    </div>
    @endif

    @if($section_four)
    <div class="row">
      <div class="col-xl-4">
        <div class="card">
          <div class="card-body profile-card pt-4 pl-0 d-flex flex-column">
            <label class="lblprofile">Section Four</label>
          </div>
        </div>
      </div>
      <div class="col-xl-8 mt-4">
        <div class="card">
          <div class="card-body pt-3">
            <div class="row">
              <div class="col-md-12">
                <label class="lblprofile">Heading</label>
                <input type="text" name="heading[{{$section_four->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$section_four->heading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Description</label>
                <textarea name="description[{{$section_four->id}}]" class="form-control mb-2" placeholder="Description" rows="4">{{$section_four->description}}</textarea>
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Subheading 1</label>
                <input type="text" name="subheading[{{$section_four->id}}]" class="form-control mb-2" placeholder="Subheading 1" value="{{$section_four->subheading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Subheading 2</label>
                <input type="text" name="subheading2[{{$section_four->id}}]" class="form-control mb-2" placeholder="Subheading 2" value="{{$section_four->subheading2}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Subheading 3</label>
                <input type="text" name="subheading3[{{$section_four->id}}]" class="form-control mb-2" placeholder="Subheading 3" value="{{$section_four->subheading3}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Subheading 4</label>
                <input type="text" name="subheading4[{{$section_four->id}}]" class="form-control mb-2" placeholder="Subheading 4" value="{{$section_four->subheading4}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Subheading 5</label>
                <input type="text" name="subheading5[{{$section_four->id}}]" class="form-control mb-2" placeholder="Subheading 5" value="{{$section_four->subheading5}}" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    @if($section_five)
    <div class="row">
      <div class="col-xl-4">
        <div class="card">
          <div class="card-body profile-card pt-4 pl-0 d-flex flex-column">
            <label class="lblprofile">Section Five</label>
          </div>
        </div>
      </div>
      <div class="col-xl-8 mt-4">
        <div class="card">
          <div class="card-body pt-3">
            <div class="row">
              <div class="col-md-12">
                <label class="lblprofile">Heading</label>
                <input type="text" name="heading[{{$section_five->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$section_five->heading}}" />
              </div>
              <div class="col-md-12">
                <label class="lblprofile">Description</label>
                <textarea name="description[{{$section_five->id}}]" class="form-control mb-2" placeholder="Description" rows="4">{{$section_five->description}}</textarea>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    <div align="center" class="mt-4">
      <input type="button" id="save_text" class="btn btn-primary" value="Save Changes" />
    </div>
  </div>
</section>
@endsection
@section('footer_scripts')
<script>
  cms_editor();
</script>
@endsection