@extends('layouts.app')
@section('content')
<div class="row page-titles">
    <div class="col-md-6 align-self-center">
        <h3 class="text-themecolor">Dashboard</h3>
    </div>
    <div class="col-md-6 align-self-center">
        <!--<ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)"></a></li>
            <li class="breadcrumb-item active"></li>
        </ol>-->
    </div>
  
</div>

<div class="container-fluid">
   
    <div class="card-group" >
    
        <div class="card" style="margin: 5px">
        <a href="{{ url('/') }}/main-category">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <h2 class="m-b-0 pull-right"><i class="fa fa-bell text-inverse"></i></h2>
                        <h3 class="">{{ count($maincategory) }}</h3>
                        <h6 class="card-subtitle">Product Main Category</h6></div>
                    <div class="col-12">
                        <div class="progress">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
            </div>
            </a>
        </div>
        
        
        <div class="card" style="margin: 5px">
            <a href="{{ url('/') }}/products-category">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <h2 class="m-b-0 pull-right"><i class="fa fa-times text-inverse"></i></h2>
                        <h3 class="">{{ count($product_category_infos) }}</h3>
                        <h6 class="card-subtitle">Product Category</h6></div>
                    <div class="col-12">
                        <div class="progress">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
            </div>
            </a>
        </div>
        
        
        <div class="card" style="margin: 5px">
            <a href="{{ url('/') }}/products">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <h2 class="m-b-0 pull-right"><i class="fa fa-check text-inverse"></i></h2>
                        <h3 class="">{{ count($product_infos) }}</h3>
                        <h6 class="card-subtitle">Product Info</h6></div>
                    <div class="col-12">
                        <div class="progress">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
            </div>
            </a>
        </div>
        
        
        <div class="card" style="margin: 5px">
            <a href="">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <h2 class="m-b-0 pull-right"><i class="fa fa-check text-inverse"></i></h2>
                        <h3 class="">{{ count($order_infos) }}</h3>
                        <h6 class="card-subtitle">Oders</h6></div>
                    <div class="col-12">
                        <div class="progress">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
            </div>
            </a>
        </div>
        
        
        <div class="card" style="margin: 5px">
        <a href="{{ url('/') }}/contact-info">
            <div class="card-body">
                <div class="row">
                    <div class="col-12">
                        <h2 class="m-b-0 pull-right"><i class="fa fa-phone text-inverse"></i></h2>
                        <h3 class="">{{ count($notification_infos) }}</h3>
                        <h6 class="card-subtitle">Notification</h6></div>
                    <div class="col-12">
                        <div class="progress">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 100%; height: 6px;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
            </div>
            </a>
        </div>
        
    </div>

    <div class="card" style="display:none;">
        <div class="card-header">Sales Statistics</div>
    <div id="chartdiv"></div>
</div>

<div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                     <h4 class="card-title">Product MainCategory </h4>
                  
                    <div class="table-responsive">
                        <table class="table" id="data_table">
                            <thead>
                                <tr>
                                    <th style="padding-left:0">S.No</th>
                                    <th>Main Category Name</th>
                                    <th>Main Category Image</th>
                                    <th>Created Date</th>
                                    <th>Status</th>
                                    
                                    <th style="text-align:center">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($maincategory as $key=>$val)
                                <tr>
                                    <td>{{ $key+1 }}</a></td>
                                    <td>{{ $val->mc_name }}</td>
                                    <td><img src="{{ asset('uploads') }}/{{ $val->mc_name }}/{{ $val->mc_image }}" width="80" height="80"></td>
                                    
                                    <td><span class="text-muted"><i class="fa fa-clock-o"></i>{{ date('d-M-Y h:i ', strtotime($val->created_at )) }}</span></td>
                                    <td>
                                        Inactive                                    </td>
                                    <td  style="text-align:center">
                                        <a href="{{ action('MainCategoryController@edit',[$val->id]) }}" class="green"><i class="fa fa-edit"></i></a>
                                        
                                    </td>
                                </tr>
                                @empty
                                <tr><td colspan="3">No Record Found</td></tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
   
    
    </div>
</div>
@endsection