@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 {{$resource->title}} Attribute</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>Title</th>
                                            <th>Icon</th>
                                            <th>Status</th>
                                            <th>Edit</th>
                                        </tr>
                                    </thead>

                                    <tbody>
                                        @foreach($attr as $list)
                                            <tr>
                                            	<td>{{$list->title}}</td>
                                            	<td>{{$list->icon}}</td>
                                                <td>Hidden</td>
                                                <td><a href="#" class="editbtn" data-toggle="modal" data-target="#createmodal" data-id="{{$list->id}}" data-title="{{$list->title}}" data-icon="{{$list->icon}}" 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">
                <div class="modal-header">
                    <h4 class="modal-title">{{$resource->title}} Category</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <form method="post" action="{{url('admin/attribute')}}" id="createform">
                    <div class="modal-body">
                        {{csrf_field()}}
                        <input type="hidden" name="id" id="pageid">
                        <input type="hidden" name="resource_id" value="{{$resource->id}}">

                        <div class="col-md-12">
                            <label>Title</label>
                            <input type="text" name="title" id="pagetitle">
                        </div>
                        <div class="col-md-12">
                            <label>Icon</label>
                            <input type="text" name="icon" id="icon">
                        </div>
                        <div class="col-md-12">
                            <label>Status</label><br>
                            <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>
                    <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'));
        $('#icon').val($(this).data('icon'));
        if($(this).data('status')=="0"){
            $('#pagestatustrue').prop("checked",true);
        }else{
            $('#pagestatusfalse').prop("checked",true);
        }
    });

    $(document).ready(function() {
        $('#addbtn').click(function() {
            $('#createform')[0].reset();
            $('#createform').find('input[type="hidden"]').not('[name="_token"]').val('');
        });
    });

</script>

@endsection