@extends('layouts.admin')
@section('content')
    <!-- Main row -->
    <div class="row">
        <!-- Left col -->
        <section class="col-lg-8">
            <!-- Map card -->
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title text-center">All Category Lists</h3>
                </div>
                <!-- /.card-header -->
                <div class="card-body p-0">

                    @if (session()->has('message'))
                        <div class="alert alert-{{ session()->get('type')}} alert-dismissible">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h5><i class="icon fa fa-check"></i> {{ session()->get('title')}}..!</h5>
                            {{ session()->get('message')}}
                        </div>
                    @endif

                    <table class="table table-condensed">
                        <tr>
                            <th style="width: 10px">No</th>
                            <th>Category Name</th>
                            <th class="text-center">Total Posts</th>
                        </tr>
                        @php $id=0;@endphp
                        @foreach($categories as $category)
                            @php $id++;@endphp
                            <tr>
                                <td class="text-center">{{$id}}</td>
                                <td>{{$category->name}}</td>
                                <td class="text-center"><span class="badge bg-success"><strong>{{count($category->posts)}}</strong></span></td>
                            </tr>
                        @endforeach
                    </table>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
        </section>

        <!-- /.Left col -->
        <!-- right col (We are only adding the ID to make the widgets sortable)-->
        <section class="col-lg-4">
            <!-- Calendar -->
            <div class="card card-primary">
                <div class="card-header">
                    <h3 class="card-title">Add Category</h3>
                </div>
                <!-- /.card-header -->
                <!-- form start -->
                <form role="form" method="post" action="{{route('adminCategory.store')}}">
                    @csrf
                    <div class="card-body">
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li><i class="icon fa fa-check"></i> <strong>{{ $error }}</strong></li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        <div class="form-group">
                            <label for="name">Category Name</label>
                            <input type="text" class="form-control" id="name" name="name" placeholder="Enter Category Name" required>
                        </div>
                    </div>
                    <!-- /.card-body -->

                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
            <!-- /.card -->
        </section>
        <!-- right col -->
    </div>
    <!-- /.row (main row) -->

@endsection