@extends('admin.layouts.main')
@section('content')
  

<div class="page-content">
  <div class="container-fluid">

      <!-- start page title -->
      <div class="row">
          <div class="col-12">
              <div class="page-title-box d-flex align-items-center justify-content-between">
                  <h4 class="mb-0">Pages Management</h4>

                  <div class="page-title-right">
                      <ol class="breadcrumb m-0">
                          <li class="breadcrumb-item"><a href="{{ url('admin/dashboard') }}">Dashboard</a> / Pages</li>
                      </ol>
                  </div>
              </div>
          </div>
      </div>
      <!-- end page title -->
      <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                      <div class="col-md-11">
                        <h3 class="card-title">Add Pages</h3>
                      </div>
                      <div class="col-md-1">
                        <a href="{{ url('admin/pages')}}" class="btn btn-sm btn-primary"><i class="fa fa-arrow-left"></i> Back</a>
                      </div>
                    </div><br>
                    
                   {!! Form::open(['method' => 'POST', 'route' => ['pages.store'], 'enctype'=>'multipart/form-data', 'id'=>'PagesAddForm']) !!}
                    <div class="row">
                      <?php 
                        $messageArr = ['success', 'warning', 'danger', 'info'];
                        ?>
                      @foreach($messageArr as $message)
                      @if(session()->has($message))   
                      <div class="col-md-12">
                        <div class="alert alert-{{$message}}">
                          {{ session()->get($message) }}   
                        </div>
                      </div>
                      @endif
                      @endforeach
                      <div class="form-group" style="margin-left: 20px; margin-bottom: 10px">
                        <span class="text-danger">Fields marked as (*) are Mandatory</span>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          {{ Form::label('page_name','Select Page *') }}
                          <div class="no-padding {{ ($errors->has('page_name')) ? ' has-error' : '' }}">
                            <select class="form-select" name="page_name">
                              <option value="">Select Page</option>
                              <option value="0">Terms and Condition</option>
                              <option value="1">Privacy Policy</option>
                              <option value="2">About us</option>
                            </select>
                          </div>
                          @if($errors->has('page_name'))
                          <span class="help-block">{{ $errors->first('page_name') }}</span>
                          @endif
                        </div>
                      </div> 
                      <div class="col-md-6">
                        <div class="form-group">
                          {{ Form::label('page_banner','Page Banner *') }}
                          <div class="no-padding {{ ($errors->has('page_banner')) ? ' has-error' : '' }}">
                            {{ Form::file('page_banner', ['id'=>'page_banner' ,'class' => 'form-control'],old('page_banner'))}}
                            @if($errors->has('page_banner'))
                            <span class="help-block">{{ $errors->first('page_banner') }}</span>
                            @endif
                            <br>
                            <img src="{{ URL::to('/admin_theme/images/default-user.png') }}" id="profile-img-tag" width="70px" />
                          </div>  
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group">
                          {{ Form::label('page_description','Page description *') }}
                          <div class="no-padding{{ ($errors->has('name')) ? ' has-error' : '' }}">
                            <textarea name="page_description" id="page_description" placeholder="Enter description"></textarea>
                            @if($errors->has('page_description'))
                            <span class="help-block">{{ $errors->first('page_description') }}</span>
                            @endif 
                          </div> 
                        </div>
                      </div>

                      <div class="col-md-12">
                        <hr><h5>SEO Details</h5><hr>
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          {{ Form::label('meta_title',' Meta Title') }}
                          <div class="no-padding{{ ($errors->has('meta_title')) ? ' has-error' : '' }}">
                            {{ Form::text('meta_title',null,['class'=>'form-control','placeholder'=>'Enter Meta Title','autocomplete'=>'off'],old('meta_title'))}}
                            @if($errors->has('meta_title'))
                            <span class="help-block">{{ $errors->first('meta_title') }}</span>
                            @endif
                          </div>
                        </div>
                        <div class="form-group">
                          {{ Form::label('meta_tag',' Meta Keywords') }}
                          <div class="no-padding{{ ($errors->has('meta_tag')) ? ' has-error' : '' }}">
                            {{ Form::text('meta_tag',null,['class'=>'form-control','placeholder'=>'Enter Meta Tags','autocomplete'=>'off','data-role'=>'tagsinput'],old('meta_tag'))}}
                            @if($errors->has('meta_tag'))
                            <span class="help-block">{{ $errors->first('meta_tag') }}</span>
                            @endif
                          </div>
                        </div>
                      </div>

                      <div class="col-md-6">
                        <div class="form-group">
                          {{ Form::label('meta_description',' Meta Description') }}
                          <div class="no-padding{{ ($errors->has('meta_description')) ? ' has-error' : '' }}">
                            {{ Form::textarea('meta_description',null,['class'=>'form-control','placeholder'=>'Enter Description','autocomplete'=>'off','rows'=>4,'maxlength'=>'150'],old('meta_description'))}}
                            @if($errors->has('meta_description'))
                            <span class="help-block">{{ $errors->first('meta_description') }}</span>
                            @endif
                          </div>
                        </div>
                      </div>
                    </div>
                    <br>
                    <div class="row">
                      <div class="col-md-12 text-right">
                        <a href="{{url('admin/pages')}}" class="btn btn-flat btn-danger"><i class="fa fa-times"></i> Cancel</a>
                        <button type="submit" class="btn btn-flat btn-success"><i class="fa fa-save"></i> Save</button>
                      </div>
                    </div>
                    {!! Form::close() !!}
                </div>
            </div>
        </div> <!-- end col -->
    </div> <!-- end row -->
     
  </div> <!-- container-fluid -->

</div>


@stop
@section('footer_script')
<script>
  $(function () {
    $('#example1').DataTable({
      responsive: true
    });
  }); 
  function readURLS(input) {
    if (input.files && input.files[0]) {
      var reader = new FileReader();
      
      reader.onload = function (e) {
        $('#profile-img-tag').attr('src', e.target.result);
      }
      reader.readAsDataURL(input.files[0]);
    }
  }
  $("#page_banner").change(function(){
    readURLS(this);
  });
 
</script>
@stop