@extends('layouts.backend.app')

@section('title')
    {{$title}}
@stop

@push('css')
<!-- CK Editor -->
<script src="{{asset('js/plugins/ckeditor/ckeditor.js')}}"></script>
@endpush

@section('content')
<div class="bg-title">
    <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6"> 
            <h4 class="box-title">{{$title}}</h4>
        </div>
        <div class="col-lg-6 col-sm-6 col-md-6 text-right">
            <button data-toggle="modal" data-target="#create" class="btn btn-primary btn-xs">{{$title}} Posting</button>
        </div>
        <!-- Create Modal -->
        <div class="modal fade" id="create" role="dialog">
          <div class="modal-dialog">
          
            <!--Edit Modal content-->
            <div class="modal-content">
             <form action="{{ route('admin.policy.store') }}" method="POST">
                 @csrf

              <div class="modal-header">
                <h4 class="modal-title">Register {{$title}} </h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
              </div>
              <div class="modal-body">

                <div class="form-group">
                    <div>
                      <label for="name">Name <i class="text-danger">*</i></label>
                    </div>
                    <div>
                        <input type="text" required class="form-control" name="name" value=""  placeholder="Max 100 word.">
                    </div>
                </div>

                <div class="form-group">
                    <div>
                      <label for="name">Slug <i class="text-danger">*</i></label>
                    </div>
                    <div>
                        <input type="text" e class="form-control" name="slug" value=""  placeholder="Max 100 word.">
                    </div>
                </div>

                <div class="form-group">
                    <div>
                      <label for="name">Description</label>
                    </div>
                    <div>
                        <textarea name="description" id="description" class="form-control" rows="5"></textarea>
                    </div>
                </div>
              </div>
              <div class="modal-footer">
                    <button type="submit" class="btn btn-primary m-t-15 waves-effect">SUBMIT</button>
                                                                              
              </div>
            </form>
            </div>
            
          </div>
        </div> {{-- model end --}}
    </div>
    <!-- /.col-lg-12 -->
</div>

<div class="mb-4">
    <div class="white-box">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                <tr>
                    <th width="5%">SL</th>
                    <th width="20%">Name</th>
                    <th width="44%">Description</th>
                    <th width="6%">Action</th>
                </tr>
                </thead>
                <tbody>
                    @foreach($policys as $key=>$policy)
                        <tr>
                            <td>{{ $key + 1 }}</td>
                            <td>{{ $policy->name }}</td>
                            <td>{!!str_limit($policy->description,135)!!}</td>
                            <td class="text-center">
                              <a href="{{ route('admin.policy.edit',$policy->id) }}" class=" waves-effect btn btn-warning btn-xs" target="blank">
                                  <i class="fa fa-pencil"></i>
                              </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{$policys->onEachSide(2)->links()}}
        </div>
    </div>
</div>

    
@endsection

@push('js')
<script>
  CKEDITOR.replace('description')
</script>
@endpush