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

@php
  $bySection = $files->keyBy('section');
  $s1 = $bySection->get('Section One');
  $s2 = $bySection->get('Section Two');
  $s3 = $bySection->get('Section Three');
  $s4 = $bySection->get('Section Four');
@endphp

<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="{{$page}}" readonly>

    @if($s1)
    <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">{{$s1->section}}</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-7 mb-2 position-relative">
                <form action="{{url('save-file')}}" method="post" enctype="multipart/form-data" id="cms_files_{{$s1->id}}_image_path" class="dropzone" data-preview="file_cont_{{$s1->id}}_image_path">
                  @csrf
                  <input type="hidden" name="file_id" value="{{$s1->id}}" readonly>
                  <input type="hidden" name="path_field" value="image_path" readonly>
                </form>
                <div align="center" class="mt-2">
                  <img id="file_cont_{{$s1->id}}_image_path" src="{{ $s1->image_path ? asset($s1->image_path) : '' }}" width="330px" class="rounded" @if(!$s1->image_path) style="display:none;" @endif />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Heading</label>
                  <input type="text" name="heading[{{$s1->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$s1->heading}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Description</label>
                  <textarea name="description[{{$s1->id}}]" class="form-control mb-2" placeholder="Description">{{$s1->description}}</textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    @if($s2)
    <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">{{$s2->section}}</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-7 mb-2 position-relative">
                <form action="{{url('save-file')}}" method="post" enctype="multipart/form-data" id="cms_files_{{$s2->id}}_image_path" class="dropzone" data-preview="file_cont_{{$s2->id}}_image_path">
                  @csrf
                  <input type="hidden" name="file_id" value="{{$s2->id}}" readonly>
                  <input type="hidden" name="path_field" value="image_path" readonly>
                </form>
                <div align="center" class="mt-2">
                  <img id="file_cont_{{$s2->id}}_image_path" src="{{ $s2->image_path ? asset($s2->image_path) : '' }}" width="330px" class="rounded" @if(!$s2->image_path) style="display:none;" @endif />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Heading</label>
                  <input type="text" name="heading[{{$s2->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$s2->heading}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Sub Heading</label>
                  <input type="text" name="subheading[{{$s2->id}}]" class="form-control mb-2" placeholder="Sub Heading" value="{{$s2->subheading}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Guideline 1</label>
                  <input type="text" name="subheading2[{{$s2->id}}]" class="form-control mb-2" placeholder="Guideline 1" value="{{$s2->subheading2}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Guideline 2</label>
                  <input type="text" name="subheading3[{{$s2->id}}]" class="form-control mb-2" placeholder="Guideline 2" value="{{$s2->subheading3}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Guideline 3</label>
                  <input type="text" name="subheading4[{{$s2->id}}]" class="form-control mb-2" placeholder="Guideline 3" value="{{$s2->subheading4}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Guideline 4</label>
                  <input type="text" name="subheading5[{{$s2->id}}]" class="form-control mb-2" placeholder="Guideline 4" value="{{$s2->subheading5}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Description</label>
                  <textarea name="description[{{$s2->id}}]" class="form-control mb-2" placeholder="Description">{{$s2->description}}</textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    @if($s3)
    <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">{{$s3->section}}</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-7 mb-2 position-relative">
                <div class="col-md-12">
                  <label class="lblprofile">Heading</label>
                  <input type="text" name="heading[{{$s3->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$s3->heading}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Title 1</label>
                  <input type="text" name="subheading[{{$s3->id}}]" class="form-control mb-2" placeholder="Title 1" value="{{$s3->subheading}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">List 1</label>
                  <textarea name="subheading2[{{$s3->id}}]" class="form-control mb-2" placeholder="One item per line">{{$s3->subheading2}}</textarea>
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Title 2</label>
                  <input type="text" name="subheading3[{{$s3->id}}]" class="form-control mb-2" placeholder="Title 2" value="{{$s3->subheading3}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">List 2</label>
                  <textarea name="subheading4[{{$s3->id}}]" class="form-control mb-2" placeholder="One item per line">{{$s3->subheading4}}</textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    @if($s4)
    <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">{{$s4->section}}</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-7 mb-2 position-relative">
                <div class="col-md-12">
                  <label class="lblprofile">Heading</label>
                  <input type="text" name="heading[{{$s4->id}}]" class="form-control mb-2" placeholder="Heading" value="{{$s4->heading}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Item 1</label>
                  <input type="text" name="subheading[{{$s4->id}}]" class="form-control mb-2" placeholder="Item 1" value="{{$s4->subheading}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Item 2</label>
                  <input type="text" name="subheading2[{{$s4->id}}]" class="form-control mb-2" placeholder="Item 2" value="{{$s4->subheading2}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Item 3</label>
                  <input type="text" name="subheading3[{{$s4->id}}]" class="form-control mb-2" placeholder="Item 3" value="{{$s4->subheading3}}" />
                </div>
                <div class="col-md-12">
                  <label class="lblprofile">Item 4</label>
                  <input type="text" name="subheading4[{{$s4->id}}]" class="form-control mb-2" placeholder="Item 4" value="{{$s4->subheading4}}" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    @endif

    <div align="center">
      <input type="button" id="save_text" class="btn btn-primary" value="Save Changes" />
    </div>
  </div>
</section>
@endsection

@section('footer_scripts')
<link href="{{asset('css/dropzone.min.css')}}" rel="stylesheet">
<link href="{{asset('css/dropzone.custom.css')}}" rel="stylesheet">
<script src="{{asset('js/dropzone.js')}}"></script>
<script src="{{asset('js/cropper.js')}}"></script>
<link href="{{asset('css/cropper.css')}}" rel="stylesheet">
<script>
  cms_editor();
</script>
@endsection