@extends('layouts.master')
@section('title','')
@section('content')

<style>
    .table-desi tr img{
        max-width: 100px;
    }
</style>

	<div class="sb2-2">
        <div class="sb2-2-2">
            <ul>
                <li><a href="dashboard.html"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
                <li class="active-bre"><a href="#">Pages List</a></li>
            </ul>
        </div>

        @if(session()->has('success'))
            <div class="alert alert-success alert-dismissible">
              	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              	<strong>Success!</strong> {{session('success')}}
            </div>
        @endif

        @if(session()->has('failure'))
            <div class="alert alert-danger alert-dismissible">
              	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              	<strong>Failure!</strong> {{session('failure')}}
            </div>
        @endif

        @if($errors->any())
            <div class="alert alert-warning alert-dismissible">
              	<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
              	<ul>
              		@foreach($errors->all() as $error)
                  		<li class="">{{$error}}</li>
                  	@endforeach
              	</ul>
            </div>
        @endif

        
        <div class="sb2-2-3">
            <div class="row">
                <div class="col-md-12">
                    <div class="box-inn-sp">
                        <div class="inn-title">
                            <h4>All Activities</h4>
                            <a href="" class="mantra-btn pull-right" data-target="#createmodal" data-toggle="modal">Add New</a>
                        </div>

                        <div class="tab-inn">
                            <div class="table-responsive table-desi">
                                <table class="table table-hover">
                                	<thead>
                                        <tr>
                                            <th>Page</th>
                                            <th>Title</th>
                                            <th>Order</th>
                                            <th>Status</th>
                                            <th>Edit</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach($pages as $list)
                                            <tr>
                                            	<td>{{$list->page}}</td>
                                            	<td>{{$list->title}}</td>
                                                <td>{{$list->order_id}}</td>
                                                <td>Hidden</td>
                                                <td><a href="#" class="editbtn" data-toggle="modal" data-target="#createmodal" data-id="{{$list->id}}" data-page="{{$list->page}}" data-title="{{$list->title}}" data-order_id="{{$list->order_id}}" data-status="{{$list->status}}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>





            <div class="modal" id="createmodal">

              <div class="modal-dialog">

                <div class="modal-content">
                  <!-- Modal Header -->

                  <div class="modal-header">

                    <h4 class="modal-title">Page setting</h4>

                    <button type="button" class="close" data-dismiss="modal">&times;</button>

                  </div>


                  <form method="post" action="{{url('admin/pagesettings')}}" id="createform">
                  <!-- Modal body -->

                  <div class="modal-body">
                            {{csrf_field()}}
                            <input type="hidden" name="id" id="pageid">
                            <div class="col-md-12">
                                <label>Page</label>
                                <input type="text" name="page" id="pagepage">
                            </div>
                            <div class="col-md-12">
                                <label>Title</label>
                                <input type="text" name="title" id="pagetitle">
                            </div>
                            <div class="col-md-12">
                                <label>Order</label>
                                <input type="number" name="order_id" id="order_id">
                            </div>
                            <div class="col-md-12">
                                <label>Status</label>
                                <input type="radio" name="status" id="pagestatustrue" value="0" class="slider-status" checked="checked">Show
                                <input type="radio" name="status" id="pagestatusfalse" value="1" class="slider-status">Hide
                            </div>
                            <div class="clearfix"></div>
                  </div>



                  <!-- Modal footer -->

                  <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">No</button>
                        <button type="submit" class="btn btn-secondary" style="margin-right: 10px;">Yes</button>
                  </div>

                   </form>

                </div>

              </div>

            </div>

@endsection


@section('scripts')

<script type="text/javascript">

    $(".editbtn").click(function(){
        $('#pageid').val($(this).data('id'));
        $('#pagepage').val($(this).data('page'));
        $('#pagetitle').val($(this).data('title'));
        $('#order_id').val($(this).data('order_id'));
        if($(this).data('status')=="0"){
            $('#pagestatustrue').prop("checked",true);
        }else{
            $('#pagestatusfalse').prop("checked",true);
        }
    });

</script>

@endsection