@extends('sales.layouts.app')

@section("content")
<div class="sixteen wide column">
    <h1 class="ui header">
        名字：{{$client->name}} / 車牌：{{$client->number}}
    </h1>

    <div class="ui form">
        <div class="fields">
            <div class="field">
                <label for="mileage">起始里程</label>
                <input type="number" name="mileage" id="mileage" value="{{$client->mileage}}">
            </div>
            <div class="field">
                <label for="mileage_end">最新里程</label>
                <input type="number" name="mileage_end" id="mileage_end" value="{{$client->mileage_end}}">
            </div>
            <div class="field">
                <label for="sales">承辦營業員</label>
                <input type="text" name="sales" id="sales" value="{{$client->sales}}"
                @if($client->sales != null && $sales->id != 1)
                    readonly
                @endif
                >
            </div>
            <div class="field">
                <label for="comment">備註</label>
                <input type="text" name="comment" id="comment" value="{{$client->comment}}" size="60">
            </div>
        </div>

        <div class="field center aligned">
            <button class="ui green icon button" onclick="submit({{$client->id}});">
                <i class="check icon"></i> 儲存
            </button>
            <a href="javascript:window.history.back();" class="ui icon button">
                <i class="arrow left icon"></i> 取消，回上頁
            </a>
        </div>
    </div>

    <div class="ui divider"></div>
    <table id="group-table" class="ui very basic table">
        <thead>
            <tr>
                <th>景點</th>
                <th>照片</th>
                <th>文字</th>
                <th width="100">刪除</th>
            </tr>
        </thead>
        <tbody>
        @if( !count($client->client_detail) )  
            <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->client_detail as $v)
                <tr id="group-{{ $v->id }}">
                    <td>{{ $v->name }}</td>
                    <td>
                        <img src="/{{$v->img}}" width="100px" height="100px"> 
                    </td>
                    <td>{{ $v->text }}</td>
                    <td >
                        <a onclick="notification('group', {{ $v->id }})" class="ui icon small red button">
                            <i class="trash icon"></i>
                        </a>
                    </td>
                </tr>
            @endforeach
        @endif
        </tbody>
    </table>
    
    
    </div>
</div>
@endsection

@section("script")


<script type="text/javascript">
    

function notification(type, id) {
    if( confirm("是否確認刪除？") ) {
        $.ajax({
            url: "/manager/clientDetail/"+id,
            type: "POST",
            data: {
                _method: "DELETE",
                _token: $('#token').val(),
            },
            dataType: "json",
        }).done(function(r){
            if( r.status==0 ) {
                location.href = "/manager/client/{{$client->id}}/edit";
            }else{
                swal({
                    title: "錯誤",
                    text:'請聯絡管理員！',
                    type:'warning'
                });
            }
        });
    }
}

function submit(id){

    if($('input[id=mileage]').val() == ''){
        swal({
            title: "錯誤",
            text:'請填寫起始里程',
            type:'warning'
        });
        return false;
    }
    if($('input[id=mileage_end]').val() == ''){
        swal({
            title: "錯誤",
            text:'請填寫最新里程',
            type:'warning'
        });
        return false;
    }


    if( parseInt($('input[id=mileage_end]').val()) < parseInt($('input[id=mileage]').val()) ){
        swal({
            title: "錯誤",
            text:'最新里程不能小於起始里程',
            type:'warning'
        });
        return false;
    }

    if($('input[id=sales]').val() == ''){
        swal({
            title: "錯誤",
            text:'請填寫承辦營業員',
            type:'warning'
        });
        return false;
    }

    $.ajax({
        url: "/manager/client/"+id,
        type: "POST",
        data: {
            _method: "PUT",
            _token: $('#token').val(),
            mileage: $('#mileage').val(),
            mileage_end: $('#mileage_end').val(),
            sales: $('#sales').val(),
            comment: $('#comment').val(),
        },
        dataType: "json",
    }).done(function(r){
        if( r.status==0 ) {
            location.href = "/manager/client/{{$client->id}}/edit";
        }
    });
}

</script>
@endsection