@extends("admin.layouts.layout")

@section("content")
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <div class="mb-3">
                        <a class="btn btn-primary" href="{{url($urlPrefix.'/create')}}">
                            @lang("icons.action_create") @lang('actions.create'){{$modelName}}
                        </a>
                    </div>

                    <table class="table table-bordered" id="data-table">
                        <thead>
                        <tr>
                            <th>
                                {{$modelName}}
                            </th>
                            <th>地址</th>
                            <th>项目结算比例</th>
                            <th>状态</th>
                            <th>微信支付账号</th>
                            <th>支付宝账号</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($data as $row)
                            <tr data-id="{{$row->id}}">
                                <td>
                                    {{ $row->name }}
                                </td>
                                <td>{{ $row->address }}</td>
                                <td>{{ $row->percent_first_party }}</td>
                                <td>
                                    @if($row->status == 1)
                                        <span class="badge badge-success">启用</span>
                                    @else
                                        <span class="badge badge-danger">禁用</span>
                                    @endif
                                    <button type="button" class="btn btn-sm btn-link btn-toggle-status" 
                                            data-id="{{$row->id}}" 
                                            data-status="{{$row->status}}"
                                            title="点击切换状态">
                                        <i class="mdi {{$row->status == 1 ? 'mdi-check-circle' : 'mdi-close-circle'}}"></i>
                                    </button>
                                </td>
                                <td>{{ $row->wechatpayAccount ? $row->wechatpayAccount->mchid : ""}}<br>{{ $row->wechatpayAccount ? $row->wechatpayAccount->name : ""}}</td>
                                <td>{{ $row->alipayAccount ? $row->alipayAccount->appid : ""}}<br>{{ $row->alipayAccount ? $row->alipayAccount->name : ""}}</td>
                                <td>
                                    <a class="btn btn-sm btn-info"
                                       href="{{url("{$urlPrefix}/beds/{$row['id']}")}}"><i
                                                class="mdi mdi-bed-empty"></i> 床位管理</a>
                                    <a class="btn btn-sm btn-info"
                                       href="{{url("{$urlPrefix}/asksubmit/{$row['id']}")}}">护士长满意度调查</a>
                                    <a class="btn btn-sm btn-primary"
                                       href="{{url("{$urlPrefix}/edit?id={$row['id']}")}}">@lang("icons.action_edit") @lang("actions.edit")</a>
                                    <a class="btn btn-sm btn-danger btn-delete" data-id="{{$row['id']}}"
                                       href="javascript:;">@lang("icons.action_delete") @lang("actions.delete")</a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    @include("public._pages")
                </div>

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

    @include("public._delete")
@endsection

@push("footer")
    <script>
        $(document).ready(function() {
            // 切换状态
            $(document).on('click', '.btn-toggle-status', function() {
                var $btn = $(this);
                var id = $btn.data('id');
                var currentStatus = $btn.data('status');
                var newStatus = currentStatus == 1 ? 0 : 1;
                
                if (confirm('确定要' + (newStatus == 1 ? '启用' : '禁用') + '该项目吗？')) {
                    $.ajax({
                        url: "{{url($urlPrefix.'/toggle-status')}}",
                        type: 'POST',
                        data: {
                            id: id,
                            status: newStatus,
                            _token: '{{csrf_token()}}'
                        },
                        success: function(response) {
                            if (response.status == 1) {
                                // 更新按钮状态
                                $btn.data('status', newStatus);
                                var $row = $btn.closest('tr');
                                var $badge = $row.find('td:eq(3)').find('.badge');
                                
                                if (newStatus == 1) {
                                    $badge.removeClass('badge-danger').addClass('badge-success').text('启用');
                                    $btn.find('i').removeClass('mdi-close-circle').addClass('mdi-check-circle');
                                } else {
                                    $badge.removeClass('badge-success').addClass('badge-danger').text('禁用');
                                    $btn.find('i').removeClass('mdi-check-circle').addClass('mdi-close-circle');
                                }
                                
                                alert(response.msg || '操作成功');
                            } else {
                                alert(response.msg || '操作失败');
                            }
                        },
                        error: function() {
                            alert('操作失败，请稍后重试');
                        }
                    });
                }
            });
        });
    </script>
@endpush