@extends('layouts.app')



@section('content')

<div class="page-wrapper">

    <div class="row page-titles">

        <div class="col-md-5 align-self-center">

            <h3 class="text-themecolor">{{trans('lang.vendor_plural')}}</h3>

        </div>

        <div class="col-md-7 align-self-center">

            <ol class="breadcrumb">

                <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">{{trans('lang.dashboard')}}</a></li>

                <li class="breadcrumb-item active">{{trans('lang.vendor_table')}}</li>

            </ol>

        </div>

        <div>

        </div>

    </div>

    <div class="container-fluid">

       <div class="admin-top-section"> 

        <div class="row">

            <div class="col-12">

                <div class="d-flex top-title-section pb-4 justify-content-between">

                    <div class="d-flex top-title-left align-self-center">

                        <span class="icon mr-3"><img src="{{ asset('images/store_list.png') }}"></span>

                        <h3 class="mb-0">{{trans('lang.vendor_plural')}}</h3>

                        <span class="counter ml-3 total_count"></span>

                    </div>    

                    <div class="d-flex top-title-right align-self-center"> 



                        <div class="select-box pl-3">

                            <select class="form-control business_model_selector filteredRecords">

                                <option value="" disabled selected>{{trans('lang.business_model')}}</option>

                            </select>

                        </div>

                        <div class="select-box pl-3">

                            <select class="form-control cuisine_selector filteredRecords">

                                <option value="" disabled selected>{{trans('lang.select_categoty')}}</option>

                            </select>

                        </div> 

                        <div class="select-box pl-3">

                            <select class="form-control filteredRecords sections" id="section_id" onchange="clickLink(this.value)">

                            <option value="" disabled selected>{{trans('lang.select')}} {{trans('lang.section_plural')}}

                            </select>

                            <p style="color: red;font-size: 13px;">  {{trans('lang.rental_parcel_cab_service_are_not')}}</p>

                        </div>    



                    </div>                

                </div>

            </div>

        </div> 

        <div class="row">

            <div class="col-12">

                <div class="card border">

                    <div class="card-body">

                        <div class="row">

                            <div class="col-md-3">

                                <div class="card card-box-with-icon bg--1">

                                    <div class="card-body d-flex justify-content-between align-items-center">

                                       <div class="card-box-with-content">

                                        <h4 class="text-dark-2 mb-1 h4 rest_count">00</h4>

                                        <p class="mb-0 small text-dark-2">{{trans('lang.total_orders')}}</p>

                                       </div>

                                        <span class="box-icon ab"><img src="{{ asset('images/restaurant_icon.png') }}"></span>

                                    </div>

                                </div>

                            </div>

                            <div class="col-md-3">

                                <div class="card card-box-with-icon bg--5">

                                    <div class="card-body d-flex justify-content-between align-items-center">

                                       <div class="card-box-with-content">

                                        <h4 class="text-dark-2 mb-1 h4 rest_active_count">00</h4>

                                        <p class="mb-0 small text-dark-2">{{trans('lang.active_restaurants')}}</p>

                                       </div>

                                        <span class="box-icon ab"><img src="{{ asset('images/active_restaurant.png') }}"></span>

                                    </div>

                                </div>

                            </div>

                            <div class="col-md-3">

                                <div class="card card-box-with-icon bg--8">

                                    <div class="card-body d-flex justify-content-between align-items-center">

                                       <div class="card-box-with-content">

                                        <h4 class="text-dark-2 mb-1 h4 rest_inactive_count">00</h4>

                                        <p class="mb-0 small text-dark-2">{{trans('lang.inactive_restaurants')}}</p>

                                       </div>

                                        <span class="box-icon ab"><img src="{{ asset('images/inactive_restaurant.png') }}"></span>

                                    </div>

                                </div>

                            </div>

                            <div class="col-md-3">

                                <div class="card card-box-with-icon bg--6">

                                    <div class="card-body d-flex justify-content-between align-items-center">

                                       <div class="card-box-with-content">

                                        <h4 class="text-dark-2 mb-1 h4 new_joined_rest">00</h4>

                                        <p class="mb-0 small text-dark-2">{{trans('lang.new_joined_restaurants')}}</p>

                                       </div>

                                        <span class="box-icon ab"><img src="{{ asset('images/new_restaurant.png') }}"></span>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

       </div>

       <div class="table-list">

       <div class="row">

           <div class="col-12">

               <div class="card border">

                 <div class="card-header d-flex justify-content-between align-items-center border-0">

                   <div class="card-header-title">

                    <h3 class="text-dark-2 mb-2 h4">{{trans('lang.vendor_table')}}</h3>

                    <p class="mb-0 text-dark-2">{{trans('lang.store_table_text')}}</p>

                   </div>

                   <div class="card-header-right d-flex align-items-center">

                    <div class="card-header-btn mr-3">                   

                        <a class="btn-primary btn rounded-full" href="{!! route('vendors.create') !!}"><i class="mdi mdi-plus mr-2"></i>{{trans('lang.create_vendor')}}</a>

                     </div>

                   </div>                

                 </div> 

                 <div class="card-body">

                         <div class="table-responsive m-t-10">

                            <table id="storeTable"

                                   class="display nowrap table table-hover table-striped table-bordered table table-striped"

                                   cellspacing="0" width="100%">

                                <thead>

                                <tr>