@extends('layouts.admin-panel')

@section('head')
    @include('admin-panel/includes/head')

    <!-- Theme JS files -->
    <script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
    <script src="{{asset('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>

{{--    <script src="assets/js/app.js"></script>--}}
    <script src="{{asset('global_assets/js/demo_pages/form_layouts.js')}}"></script>
    <!-- /theme JS files -->
{{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>--}}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />

    {{--    <script src="https://cdn.ckeditor.com/4.13.1/full/ckeditor.js"></script>--}}
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
    <meta name="csrf-token" content="{{ csrf_token() }}" />

@stop

@section('nav')
    @include('admin-panel/includes/navbar')
@stop

@section('content')

    @include('admin-panel/includes/sidebar')

    <!-- Main content -->
    <div class="content-wrapper">

        @include('admin-panel/includes/header')

        <!-- Content area -->
        <div class="content-body">
            <section id="modal-examples">
                <div class="row match-height">
                    <!-- share project card -->
                    @foreach($categories as $item)

                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-body text-center">
                                    <i data-feather="file-text" class="font-large-2 mb-1"></i>
                                    <h5 class="card-title">{{$item->title}}</h5>
                                    <p class="card-text">
{{--                                        <b>Qrup:</b> {{$item}} <br>--}}
                                    </p>

                                    <!-- modal trigger button -->
                                    <a type="button" class="btn btn-primary" href="{{route('admin.displayTickets', $item->id)}}">
                                        Keçid
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach

                    <!-- / share project card -->

                    <!-- add new card  -->

                    <!-- / edit user  -->
                </div>
            </section>
            <!-- add new card modal  -->



            <!-- / refer and earn modal -->
            <!-- add new address modal -->

            <!-- / add new address modal -->
            <!-- create app modal -->

            <!--/ Edit User Modal -->

        </div>

        <!-- /content area -->


        @include('admin-panel/includes/footer')

    </div>
    <!-- /main content -->
@endsection