@extends('layouts.master')

@section('title')
Support Case
@endsection

@section('extra-css')

@endsection

@section('index')
<div class="content">
    <!-- Vertical Layout -->
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card card-stats">
                <div class="">
                    <h3>Support Case By Customers</h3>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered" id="index-table">
                            <thead>
                                <tr>
                                    <th>Customer Name</th>
                                    <th>Email</th>
                                    <th>Company</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($users as $user)
                                <tr>
                                    <td>
                                        <a href="{!! route('support_cases.show', $user->id) !!}">{{$user->name}}</a>
                                    </td>
                                    <td>{{$user->email}}</td>
                                    <td>{{$user->company}}</td>
                                </tr>
                                @endforeach
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- #END# Vertical Layout -->
    
</div>
@endsection

@section('extra-script')
<script>
    $('#index-table').DataTable({
        "order": [[ 0, "asc" ]]
    }); 
</script>
@endsection