@extends('admin.layouts.layout')

@section('content')
  <!-- Page Header -->
  <div class="page-header">
    <div class="row">
      <div class="col-sm-12">
        <h3 class="page-title">Pages</h3>
        <ul class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
          <li class="breadcrumb-item"><a href="{{route('pages-list')}}">Pages</a></li>
          <li class="breadcrumb-item active">Add Page</li>
        </ul>
      </div>
    </div>
  </div>
  <!-- /Page Header -->

  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-body">

          @if (count($errors) > 0)
            <div class="alert alert-danger">
              @foreach ($errors->all() as $e)
                <p>{{ $e }}</p>
              @endforeach
            </div>
          @endif

          <h4 class="card-title">Add Page</h4>
          <form  action="{{route('add-page-process')}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row">
              <div class="col-md-4">
                    <div class="form-group">
                        <label>Page URL</label>
                        <input name="page_url" id="page_url" type="text" class="form-control">
                    </div>
                </div>              
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label>Title</label>
                  <input name="title" id="title" type="text" class="form-control">
                </div>
              </div>                
              <div class="col-md-8">
                <div class="form-group">
                  <label>Meta Keywords</label>
                  <input name="meta_keywords" id="meta_keywords" type="text" class="form-control">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4">
                <div class="form-group">
                  <label>Meta Description</label>
                  <textarea name="meta_description" id="meta_description" class="form-control"></textarea>
                </div>
              </div>
              <div class="col-md-8">
                <div class="form-group">
                  <label>Custom Meta</label>
                  <textarea name="custom_meta" id="custom_meta" class="form-control"></textarea>
                </div>
              </div>
            </div>

            @foreach($languages as $lang)
              <hr><h4>{{$lang->name}}</h4><hr>
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label>Title ({{$lang->name}})</label>
                    <input name="title_{{$lang->code}}" id="title_{{$lang->code}}" type="text" class="form-control">
                  </div>
                </div>                
                <div class="col-md-8">
                  <div class="form-group">
                    <label>Meta Keywords  ({{$lang->name}})</label>
                    <input name="meta_keywords_{{$lang->code}}" id="meta_keywords_{{$lang->code}}" type="text" class="form-control">
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <div class="form-group">
                    <label>Meta Description  ({{$lang->name}})</label>
                    <textarea name="meta_description_{{$lang->code}}" id="meta_description_{{$lang->code}}" class="form-control"></textarea>
                  </div>
                </div>
                <div class="col-md-8">
                  <div class="form-group">
                    <label>Custom Meta ({{$lang->name}})</label>
                    <textarea name="custom_meta_{{$lang->code}}" id="custom_meta_{{$lang->code}}" class="form-control"></textarea>
                  </div>
                </div>
              </div>
            @endforeach            

            <div class="mt-4">
              <button type="submit" class="btn btn-primary">Add Page</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
@endsection