@extends("admin.layouts.layout")

@section("content")
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <form class="form-inline" id="search-form" autocomplete="off">
                            <select class="form-control mr-1" name="project_id"
                                    onchange="$(this).closest('form').submit()">
                                @foreach($projects as $pp)
                                    <option
                                        value="{{$pp->id}}" @if($pp->id == $project_id) {{ "selected" }}@endif>{{$pp->name}}</option>
                                @endforeach
                            </select>
                        </form>
                    </div>
                    <table class="table table-bordered" id="data-table">
                        <thead>
                        <tr>
                            <th>所属项目/医院</th>
                            <th>所在病区</th>
                            <th>客户信息</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($data as $row)
                            <tr data-id="{{$row->id}}">
                                <td>{{ $row->project->name }}</td>
                                <td>{{ $row->name }}</td>
                                <td>
                                    @foreach ($row->beds as $r)
{{--                                        {{json_encode($r)}}--}}
{{--                                            【{{$r->name}}-】--}}
                                        {{$r->on_going_order}}

                                        <br/>
                                    @endforeach
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>

            </div>
        </div>
    </div>

@endsection