@extends('layouts.admin')
@section('title')
    {{$title}}
@endsection
@section('content-admin')
    <div class="containerDetailComplaint mt-4">
        <div class="back mb-4">
            <a href="{{route('admin.orders.support')}}" class="btn btn-primary btn-sm col-3">Quay Lại</a>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card mb-4">
                    <div class="card-header bg-primary text-white">
                        <h4 class="mb-0">Chi Tiết Khiếu Nại</h4>
                    </div>
                    <div class="card-body">
                        <h5>Thông Tin Khiếu Nại</h5>
                        <p><strong>Mã Khiếu Nại:</strong> {{ $complaint->id }}</p>
                        <p><strong>Nội Dung:</strong> {{ $complaint->noi_dung }}</p>
                        <p><strong>Trạng Thái:</strong>
                            @if($complaint->trang_thai == 0)
                                <span class="badge bg-danger">Chưa xử lý</span>
                            @elseif($complaint->trang_thai == 1)
                                <span class="badge bg-success">Đang xử lý</span>
                            @elseif($complaint->trang_thai == 2)
                                <span class="badge bg-primary">Đã xử lý</span>
                            @else
                                <span class="badge bg-secondary">Đã hủy</span>
                            @endif
                        <p><strong>Người Xử Lý:</strong>
                            @if($complaint->admin_id == null)
                                <i class="fa-solid fa-xmark"></i>
                            @else
                                {{$complaint->user->ho_ten}}
                            @endif
                        </p>
                        <p><strong>Ngày Tạo:</strong> {{ $complaint->created_at }}</p>
                        <p><strong>Ngày Cập Nhật:</strong> {{ $complaint->updated_at }}</p>
                    </div>
                </div>

                <div class="order_user row">
                    <div class="card mb-4 col-6">
                        <div class="card-header bg-success text-white">
                            <h4 class="mb-0">Thông Tin Đơn Hàng</h4>
                        </div>
                        <div class="card-body">
                            <h5>Thông Tin Đơn Hàng</h5>
                            <p><strong>Mã Đơn Hàng:</strong> <a href="{{ route('admin.orders.detailOrder', $complaint->orders->first()->id) }}" class="text-decoration-none">{{ $complaint->orders->first()->id }}</a></p>
                            <p><strong>Ngày Đặt Hàng:</strong> {{ $complaint->orders->first()->created_at }}</p>
                            <p><strong>Tổng tiền trước giảm giá:</strong> {{ number_format($complaint->orders->first()->tong_tien_goc, 0, ',', '.') }} đ</p>
                            <p><strong>Tổng Tiền:</strong> {{ number_format($complaint->orders->first()->tong_tien, 0, ',', '.') }} đ</p>
                            <h5>Danh Sách Sản Phẩm</h5>
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Tên Sản Phẩm</th>
                                        <th>Số Lượng</th>
                                        <th>Giá</th>
                                        <th>Thành Tiền</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($complaint->orders->first()->OrderDetail as $detail)
                                        <tr>
                                            <td><a href="{{ route('admin.products.detailProduct', $detail->product->slug) }}" class="text-decoration-none">{{ $detail->product->ten_san_pham }}</a></td>
                                            <td>{{ $detail->so_luong }}</td>
                                            <td>{{ number_format($detail->gia, 0, ',', '.') }} đ</td>
                                            <td>{{ number_format($detail->gia * $detail->so_luong, 0, ',', '.') }} đ</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="card mb-4 col-12 col-md-6">
                        <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
                            <h4 class="mb-0">Thông Tin Khách Hàng</h4>
                            <!-- Bạn có thể thêm icon hoặc các nút khác ở đây nếu muốn -->
                        </div>
                        <div class="card-body">
                            <h5 class="font-weight-bold mb-3">Thông Tin Khách Hàng</h5>
                            <div class="mb-3">
                                <p><strong>Tên Khách Hàng:</strong> 
                                    <a href="{{ route('admin.users.detail', $complaint->orders->first()->user->id) }}" 
                                       class="text-decoration-none text-primary">
                                       {{ $complaint->orders->first()->user->ho_ten }}
                                    </a>
                                </p>
                            </div>
                            <div class="mb-3">
                                <p><strong>Email:</strong> <span class="text-muted">{{ $complaint->orders->first()->user->email }}</span></p>
                            </div>
                            <div class="mb-3">
                                <p><strong>Số Điện Thoại:</strong> <span class="text-muted">{{ $complaint->orders->first()->user->so_dien_thoai }}</span></p>
                            </div>
                            <div class="mb-3">
                                <p><strong>Địa Chỉ:</strong> <span class="text-muted">{{ $complaint->orders->first()->user->dia_chi }}</span></p>
                            </div>
                            <button class="btn btn-primary w-100" onclick="sendMail()">Gửi Mail</button>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <script>
        function sendMail() {
            // Logic gửi mail cho người dùng về nội dung giải quyết trả lời khiếu nại
            alert('Mail đã được gửi!');
        }
    </script>
@endsection