@extends('sysadmin.layouts.app')
@section('custom-css')

    <link rel="stylesheet" href="{{ asset('admin/css/data-table/bootstrap-editable.css') }}">
@endsection
@section('post-header')
    <div class="breadcome-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="breadcome-list">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div class="breadcome-heading">
                                    <form role="search" class="sr-input-func">
                                        <input type="text" placeholder="Search..." class="search-int form-control">
                                        <a href="#"><i class="fa fa-search"></i></a>
                                    </form>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <ul class="breadcome-menu">
                                    <li><a href="#">Dashboard</a> <span class="bread-slash">/</span>
                                    </li>
                                    <li><span class="bread-blod"> Lista e Restoranteve</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
@section('content')
    <div class="data-table-area mg-b-15">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="sparkline13-list">
                        <div class="sparkline13-hd">
                            <div class="main-sparkline13-hd">
                                <h1>Lista  <span class="table-project-n">Restoranteve</span></h1>
                            </div>
                        </div>
                        <div class="sparkline13-graph">
                            <div class="datatable-dashv1-list custom-datatable-overright">
                                <div id="toolbar">
                                    <select class="form-control dt-tb">
                                        <option value="">Export Basic</option>
                                        <option value="all">Export All</option>
                                        <option value="selected">Export Selected</option>
                                    </select>
                                </div>
                                <table id="table" data-toggle="table" data-pagination="true" data-search="true" data-show-columns="true" data-show-pagination-switch="true" data-show-refresh="true" data-key-events="true" data-show-toggle="true" data-resizable="true" data-cookie="true"
                                       data-cookie-id-table="saveId" data-show-export="true" data-click-to-select="true" data-toolbar="#toolbar">
                                    <thead>
                                    <tr>
                                        <th data-field="state" data-checkbox="true"></th>
                                        <th data-field="restaurantID">ID</th>
                                        <th data-field="restaurantName">Restaurant Name</th>
                                        <th data-field="baboonPercentage" >% Baboon</th>
                                        <th data-field="baboonCourier" >Baboon Courier</th>
                                        <th data-field="mobilePrinter" >Mobile Printer</th>
                                        <th data-field="status" >Status</th>
                                        <th data-field="edit" >Edit</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(count($restaurants) != 0)
                                        @foreach($restaurants as $restaurant)
                                            <tr>
                                                <td></td>
                                                <td>{{ $restaurant->restaurantID }}</td>
                                                <td>{{ $restaurant->restaurantName }}</td>
                                                <td>{{ $restaurant->baboonPercentage }} %</td>
                                                <td><label class="btn btn-{{ $restaurant->baboonCourier == 1 ? "success btn-active-driver" : "danger" }}">{{ $restaurant->baboonCourier == 1 ? 'Po' : 'Jo'}}</label></td>
                                                <td><label class="btn btn-{{ $restaurant->mobilePrinter == 1 ? "success btn-active-driver" : "danger" }}">{{ $restaurant->mobilePrinter == 1 ? 'Po' : 'Jo'}}</label></td>
                                                <td>
                                                    <label class="btn btn-{{ $restaurant->status == 1 ? "success btn-active-driver" : "danger" }}"><i class="fa fa-{{ $restaurant->status == 1 ? "check" : "times" }}"></i>
                                                        {{ $restaurant->status == 1 ? "Active" : "Not Active" }}
                                                    </label>
                                                </td>
                                                <td>
                                                    <a href="{{route('sysadmin.restaurants.edit',$restaurant->restaurantID)}}" >
                                                        <i class="fa fa-pencil driver-module-pencil"></i>
                                                    </a>

                                                </td>
                                            </tr>
                                        @endforeach
                                    @endif

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('custom-js')


    <script>
        $(document).ready(function() {
            $('#table').DataTable();
        } );
    </script>

@endsection