@extends('layouts.admin-dashboard')
@section('content')
<div class="partyTable fleft">
    <table class="table partyTable" id ="partyTable">
        <thead>
            <tr>
                <th>Recieve Service</th>
                <th>Party Type</th>
                <th>Name</th>
            </tr>
        </thead>
        <tbody>
                @foreach($parties as $p)
                <tr>
                    <td><input value="{{ $p['id']}}" class="receive_service" type="checkbox" {{$p['receive_service']?"selected":''}}></td>
                    <td>{{$p['party_type']['name']}}</td>
                    <td>{{$p['firstname'].' '.$p['lastname']}}</td>
                </tr>
                @endforeach
        </tbody>
    </table>
</div>
@stop

@section('scripts_bottom')
<script type="text/javascript">
$(function(){
        $('.receive_service').change(function(el) {
                var $this = this;
                var reqData = {
                        party: $this.value,
                        receive: $this.checked
                };
                $.ajax({
                        url: '{{route('case.party.receiveservice', $case_id)}}',
                        type: 'POST',
                        data: reqData,
                        success: function(data) {
                                if (data.error) {
                                        $this.checked = !$this.checked;
                                        alert(data.errors[0]);
                                } else {
                                        alert(data.message);
                                }
                        }
                }) ;
        });
});
</script>
@stop