@extends('layouts.adminLayouts')
@section('head')
    <link href="{{url('/assets/css/fileupload.css')}}" rel="stylesheet" type="text/css">
    <meta name="_token" content="{{csrf_token()}}">
@stop

@section('content')
    <!-- TO DO List -->
    <div class="box box-primary">
        <div class="box-header">
            <i class="ion ion-clipboard"></i>

            <h3 class="box-title">لیست دسته های اصلی</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <ul class="todo-list">
                @foreach ($categories as $category)
                    <li>
                        <span class="text">{{$category->label}}</span>
                        <!-- Emphasis label -->
                        @if($category->image != null)
                            <small class="label label-success">دارای عکس</small>
                        @else
                            <small class="label label-danger">بدون عکس</small>
                        @endif
                    <!-- General tools such as edit or delete-->
                        <div class="tools">
                            <a onclick="modal_edit('{{$category->id}}')"><i class="fa fa-edit"></i></a>
                        </div>
                    </li>
                @endforeach
            </ul>
        </div>
        <!-- /.box-body -->
    </div>
    <!-- /.box -->
    <div class="modal modal-edit-ads fade" id="modal-default">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" id="edit-modal">

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

@endsection

@section('footer')
    <script>
        modal_edit = function (id) {
            $('#modal-default').modal('show');
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                url: '{{url('/admin/categorys/ImageEdit')}}',
                type: 'POST',
                data: {id: id},
                success: function (response) {
                    $('#edit-modal').empty().html(response);
                },
                error: function (xhr) {
                    $('#modal-default').modal('hide');
                    toastr.warning('خطایی در سامانه رخ داد!');
                }
            });
        }
    </script>
@stop