@extends('Manager.Master')
@section("title") مدیریت مدیران  @stop
@section('content')
    <div class="col-md-12 index-page level-page x_content">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">مدیریت مدیران </h3>
                <div class="pull-left">
                    <a href="#filter" data-toggle="collapse">
                        <i class="glyphicon glyphicon-filter" data-toggle="tooltip" title="فیلتر"></i>
                    </a>
                </div>
            </div>
            <div class="panel-body table-responsive">
                <div id="filter" class="collapse margin-botton-2">
                    <input class="form-control" id="myInput" type="text" placeholder="مقدار دلخواهتان را وارد کنید">
                </div>
                <table class="table table-hover" id="dev-table">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>نام </th>
                        <th>تصویر</th>
                        <th>مقام</th>
                        <th><em class="fa fa-cog"></em></th>
                    </tr>
                    </thead>
                    <tbody>
                    @php
                        if(!$data->isempty()){
                            $count = $data->currentPage() * 10 - 10;
                    @endphp
                    @foreach($data as $item)
                        @php $count++ @endphp
                        <tr @if($count % 2 != 0 ) class="warning" @endif data-id="{{ $item->id }}">
                            <td>{{ $count }}</td>
                            <td class="role_name">{{  $item->name }}</td>
                            <td> <img src="{{  url($item->image) }}" width="64">
                            <td class="role">  @if($item->roles->first()) {{ $item->roles()->first()->name }}  @else  ندارد@endif</td>
                            <td align="center">
                                <button class="btn btn-default"> <em class="fa fa-pencil"></em></button>
                                <button class="btn btn-danger"><em class="fa fa-trash"></em></button>
                            </td>
                        </tr>
                    @endforeach
                    @php } else { @endphp
                    <tr>
                        <td>*</td>
                        <td>موردی یافت نشد</td>
                        <td>-</td>
                        <td>-</td>
                    </tr>
                    @php } @endphp
                    </tbody>
                </table>
            </div>
            <div class="panel-footer">
                <div class="row text-center">
                    <div class=" col-xs-12 col-md-3 pull-right mypaginate">
                        {{ $data->links() }}
                    </div>
                    <div class=" col-xs-12 col-md-4 pull-left pager ">صحفه {{ $data->currentPage() }}
                        از {{ $data->lastPage() }} صفحه
                    </div>


                </div>

            </div>
        </div>
    </div>



    <!-- modal  -->
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title"> تغییر مقام</h4>
                </div>
                <div class="modal-body">
                        <p>    نام مدیر :   <span class="man-name"> </span></p>
                    <div class="form-group">
                        <select class="form-control" id="sel1" name="auther">
                            @foreach( $roles as $role)
                                    <option value=" {{ $role->id  }}"> {{$role->name}} </option>
                                @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-block change" data-dismiss="modal">تغییر</button>
                    <button type="button" class="btn btn-default btn-block" data-dismiss="modal">انصراف</button>
                </div>
            </div>

        </div>
    </div>
    <!-- end modal-->


@stop
@section("footer")
    <script>
        var delete_id = 0;
        var edit_id  = 0;
        var level_id = 0;
        var level_name = "";
        $(document).ready(function () {
            $("button.btn-danger").on("click", function () {
                var id = $(this).parents("tr").attr("data-id");
                var name = $(this).parents("tr").children("td.role_name").text()
                delete_id = id;
                message_alert(name);
            });
        });

        function ajax_remove() {
            waitingDialog.show();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });