@extends('sales.layouts.app')

@section("content")
<div class="sixteen wide column">
    <h1 class="ui header">
        客戶管理 
    </h1>
    <div class="ui form">
        <div class="field right aligned">
            @if($sales->id != 1)
            <a href="/manager/excel" class="ui green button">
               匯出excel
            </a>
            @else
            <a href="/manager/excel/{{$city}}" class="ui green button">
               {{$city}}匯出excel
            </a>
            @endif
        </div>
    </div>
    <div class="ui divider"></div>
    <table  id="activity_table" class="ui very basic table">
        <thead>
            <tr>
                <th>姓名</th>
                <th>行動電話</th>
                <th>信箱</th>
                <th>車牌</th>
                <th>機型</th>
                <th>起始里程</th>
                <th>最新里程</th>
                <th>累積里程</th>
                <th>備註</th>
                <th width="100">前往</th>
            </tr>
        </thead>
        <tbody>
        @if( !count($client) )  
            <tr>
                <td colspan="4">
                    <h1 class="ui grey center aligned header">
                        <i class="warning icon"></i>
                        <div class="content">沒有</div>
                    </h1>
                </td>
            </tr>
        @else
            @foreach($client as $v)
                <tr id="group-{{ $v->id }}">
                    <td>{{ $v->name }}</td>
                    <td>{{ $v->phone }}</td>
                    <td>{{ $v->email }}</td>
                    <td>{{ $v->number }}</td>
                    <td>{{ $v->model }}</td>
                    <td>{{ $v->mileage }}</td>
                    <td>{{ $v->mileage_end }}</td>
                    <td>{{ $v->mileage_end - $v->mileage }}</td>
                    <td>{{ $v->comment }}</td>
                    <td>
                        <a href="{{ url('/manager/client/'.$v->id.'/edit') }}" class="ui icon small orange button">
                            <i class="right arrow icon"></i>
                        </a>
                    </td>
                </tr>
            @endforeach
        @endif
        </tbody>
    </table>
    
    
    </div>
</div>
@endsection

@section("script")


<script type="text/javascript">
    
$(document).ready( function () {
    $('#activity_table').DataTable({
        "pageLength": 10,
        "lengthChange": false,
        "language": {
            "search": "search the key:",
            "searchPlaceholder": "Search",
            "zeroRecords": "找不到相對應的值，請重新輸入",
            "info": "第 _START_ 到 _END_ 筆，共 _TOTAL_ 筆",
            "infoFiltered": ""

    },
        "order": [[ 1, 'desc' ]]

    });
    var table = $('#activity_table').DataTable();

} );


</script>
@endsection