@extends('layouts.admin')
@section('page_title', 'صدای مشتریان')

@section('content')

    <div class="col-lg-12">
        <div class="portlet box shadow">
            <div class="portlet-heading">
                <div class="portlet-title">
                    <h3 class="title">
                        <i class="icon-frane"></i>
                       {{-- جدول با Data Table--}}
                    </h3>
                </div><!-- /.portlet-title -->
                <div class="buttons-box">
                    <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip" title="تمام صفحه" href="#">
                        <i class="icon-size-fullscreen"></i>
                    </a>
                    <a class="btn btn-sm btn-default btn-round btn-collapse" rel="tooltip" title="کوچک کردن" href="#">
                        <i class="icon-arrow-up"></i>
                    </a>
                </div><!-- /.buttons-box -->
            </div><!-- /.portlet-heading -->
            <div class="portlet-body">

                <div class="table-responsive">
                    <table class="table table-bordered table-hover table-striped" id="data-table">
                        <thead>
                        <tr>
                            <th>ردیف</th>
                            <th>نام</th>
                            <th>موبایل</th>
                            <th>شماره شاسی خودرو</th>
                            <th>نمایندگی</th>
                            <th>تاریخ</th>
                            <th>پیام</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($voice_of_customers as $voc)
                            <tr>
                                <td>{{$loop->index+1}}</td>
                                <td>{{$voc->name}}</td>
                                <td>{{$voc->mobile}}</td>
                                <td>{{$voc->shasi}}</td>
                                <td>{{$voc->branch}}</td>
                                <td>{{$voc->created_at}}</td>
                                <td>{{$voc->message}}</td>
                            </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div><!-- /.table-responsive -->
            </div><!-- /.portlet-body -->
        </div><!-- /.portlet -->
    </div><!-- /.col-lg-12 -->
@endsection