@extends('admin.layouts.main')
@section('title',"Sửa thành viên")
@section('css')
<link href="{{asset('lib/select2/css/select2.min.css')}}" rel="stylesheet" />
<style>
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #000 !important;
    }

    .select2-container .select2-selection--single {
        height: auto;
    }

    .stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        padding: 30px;
        background: #f8f9fa;
    }

    .stat-card {
        background: white;
        padding: 25px;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        text-align: center;
        transition: transform 0.3s ease;
    }

    .stat-card:hover {
        transform: translateY(-5px);
    }

    .stat-card h3 {
        color: #333;
        margin-bottom: 15px;
        font-size: 1.1em;
    }

    .total-revenue {
        font-size: 2.5em;
        font-weight: bold;
        color: #667eea;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    }

    .level-badge {
        display: inline-block;
        padding: 10px 20px;
        border-radius: 25px;
        font-weight: bold;
        font-size: 1.1em;
        margin-top: 10px;
    }
</style>
@endsection

@section('content')
<div class="content-wrapper">
    @include('admin.partials.content-header',['name'=>"Amin User","key"=>"Sửa thành viên"])
    <!-- Main content -->
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    @if ($errors->any())
                    <div class="alert alert-danger" style="color: red; margin-bottom: 20px;">
                        <ul style="margin: 0; padding-left: 20px;">
                            @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                    @endif

                    @if (session('success'))
                    <div class="alert alert-success" style="color: green; margin-bottom: 20px;">
                        {{ session('success') }}
                    </div>
                    @endif
                    <div class="container">
                        <form action="{{route('admin.user_frontend.update',['id'=>$data->id])}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-12">

                                    <div class="card card-outline card-primary">
                                        <div class="card-header">
                                            <h3 class="card-title">Cập nhật thông tin khách hàng</h3>
                                            <div class="card-tools">
                                                <a href="{{ route('admin.user_frontend.index') }}" class="btn btn-secondary btn-sm">
                                                    <i class="fas fa-arrow-left"></i> Quay lại
                                                </a>
                                            </div>
                                        </div>
                                        <div class="stats-grid">
                                            <div class="stat-card">
                                                <h3>💰 Tổng Doanh Thu</h3>
                                                <div class="total-revenue" id="totalRevenue">{{number_format($totalTransaction)}}đ</div>
                                            </div>

                                            <div class="stat-card">
                                                 <h3>💰 Tổng Đơn</h3>
                                                <div class="total-revenue" id="totalRevenue">{{number_format($countTransaction)}}</div>
                                            </div>
                                        </div>
                                        <div class="card-body table-responsive p-3">
                                            <div class="row">
                                                <!-- Cột trái - Thông tin cá nhân -->
                                                <div class="col-md-6">
                                                    <h5 class="text-primary mb-3">Thông tin cá nhân</h5>

                                                    <!-- Ảnh đại diện -->
                                                    <div class="form-group">
                                                        <label for="avatar_path">Ảnh đại diện</label>
                                                        <div class="wrap-load-image mb-3">
                                                            <input type="file" class="form-control-file img-load-input border @error('avatar_path') is-invalid @enderror"
                                                                id="avatar_path" name="avatar_path">
                                                            @error('avatar_path')
                                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                                            @enderror
                                                            <div class="mt-2">
                                                                <img class="img-load border p-1"
                                                                    src="{{$data->avatar_path ? asset($data->avatar_path) : asset('admin_asset/images/upload-image.png')}}"
                                                                    alt="{{$data->name}}"
                                                                    style="height: 150px; width: 150px; object-fit: cover;">
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <label>Trạng thái tài khoản</label>
                                                        <div class="row">
                                                            <div class="col-6">
                                                                <div class="form-check">
                                                                    <input class="form-check-input" type="radio" name="active" id="status_active" value="1"
                                                                        @if((old('active') ?? $data->active) == "1") checked @endif>
                                                                    <label class="form-check-label text-success" for="status_active">
                                                                        <i class="fas fa-check-circle"></i> Hoạt động
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            <div class="col-6">
                                                                <div class="form-check">
                                                                    <input class="form-check-input" type="radio" name="active" id="status_inactive" value="0"
                                                                        @if((old('active') ?? $data->active) == "0") checked @endif>
                                                                    <label class="form-check-label text-danger" for="status_inactive">
                                                                        <i class="fas fa-times-circle"></i> Bị khóa
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            @error('status')
                                                            <div class="invalid-feedback d-block">{{ $message }}</div>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    {{--<div class="form-group">
                                <label for="date_birth">Ngày sinh</label>
                                <input type="date" class="form-control @error('date_birth') is-invalid @enderror" 
                                       id="date_birth" name="date_birth" value="{{old('date_birth') ?? $data->date_birth}}">
                                                    @error('date_birth')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <!-- Giới tính -->
                                                <div class="form-group">
                                                    <label>Giới tính</label>
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" name="sex" id="sex_male" value="1"
                                                            @if((old('sex') ?? $data->sex) == "1" || $data->sex == null) checked @endif>
                                                        <label class="form-check-label" for="sex_male">Nam</label>
                                                    </div>
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" name="sex" id="sex_female" value="0"
                                                            @if((old('sex') ?? $data->sex) == "0") checked @endif>
                                                        <label class="form-check-label" for="sex_female">Nữ</label>
                                                    </div>
                                                    @error('sex')
                                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <!-- Địa chỉ -->
                                                <div class="form-group">
                                                    <label for="address">Địa chỉ</label>
                                                    <textarea class="form-control @error('address') is-invalid @enderror"
                                                        id="address" name="address" rows="3"
                                                        placeholder="Nhập địa chỉ">{{old('address') ?? $data->address}}</textarea>
                                                    @error('address')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>--}}
                                                <div class="form-group">
                                                    <label for="checkrobot">Tôi đồng ý cập nhật! <span class="text-danger">*</span></label>
                                                    <input type="checkbox" class=""
                                                        id="checkrobot" name="checkrobot" required>
                                                    @error('checkrobot')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                            </div>

                                            <!-- Cột phải - Thông tin công ty và bảo mật -->
                                            <div class="col-md-6">
                                                <h5 class="text-success mb-3">Thông tin</h5>

                                                <!-- Tên cơ sở -->
                                                <div class="form-group">
                                                    <label for="name">Họ và tên <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control @error('name') is-invalid @enderror"
                                                        id="name" name="name" value="{{old('name') ?? $data->name}}"
                                                        placeholder="Nhập họ và tên" required>
                                                    @error('name')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <!-- Email -->
                                                <div class="form-group">
                                                    <label for="email">Email liên hệ <span class="text-danger">*</span></label>
                                                    <input type="email" class="form-control @error('email') is-invalid @enderror"
                                                        id="email" name="email" value="{{old('email') ?? $data->email}}"
                                                        placeholder="Nhập email" required>
                                                    @error('email')
                                                    <div class="invalid-feedback">{{ $message }}</div>
                                                    @enderror
                                                </div>

                                                <!-- Tài khoản -->
                                                {{--<div class="form-group">
                                                    <label for="username">Tài khoản <span class="text-danger">*</span></label>
                                                    <input type="text" class="form-control @error('username') is-invalid @enderror"
                                                        id="username" name="username" value="{{old('username') ?? $data->username}}"
                                                placeholder="Nhập tên tài khoản" required>
                                                @error('username')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>--}}

                                            <!-- Số điện thoại -->
                                            <div class="form-group">
                                                <label for="phone">Số điện thoại <span class="text-danger">*</span></label>
                                                <input type="tel" class="form-control @error('phone') is-invalid @enderror"
                                                    id="phone" name="phone" value="{{old('phone') ?? $data->phone}}"
                                                    placeholder="Nhập số điện thoại" required>
                                                @error('phone')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <div class="form-group">
                                                <label for="password">Mật khẩu</label>
                                                <input type="text" class="form-control @error('password') is-invalid @enderror"
                                                    id="password" name="password" value="{{old('password') ?? $data->show_password}}" placeholder="Nhập mật khẩu">
                                                @error('password')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                                @enderror
                                            </div>
                                            <!-- Trạng thái tài khoản -->

                                            <hr class="my-4">
                                        </div>
                                    </div>

                                    <!-- Danh sách địa chỉ (nếu có) -->
                                    @if(isset($addresses) && $addresses->count() > 0)
                                    <div class="row mt-4">
                                        <div class="col-12">
                                            <h5 class="text-info mb-3">Danh sách địa chỉ của khách hàng</h5>
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-hover">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th width="5%">STT</th>
                                                            <th width="30%">Địa chỉ chi tiết</th>
                                                            <th width="15%">Phường/Xã</th>
                                                            <th width="15%">Quận/Huyện</th>
                                                            <th width="15%">Tỉnh/Thành</th>
                                                            <th width="10%">Trạng thái</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($addresses as $key => $address)
                                                        <tr>
                                                            <td>{{ $key + 1 }}</td>
                                                            <td>{{ $address->address_detail }}</td>
                                                            <td>{{ $address->commune->name ?? 'N/A' }}</td>
                                                            <td>{{ $address->district->name ?? 'N/A' }}</td>
                                                            <td>{{ $address->city->name ?? 'N/A' }}</td>
                                                            <td>
                                                                @if($address->is_default)
                                                                <span class="badge badge-primary">Mặc định</span>
                                                                @else
                                                                <span class="badge badge-secondary">Phụ</span>
                                                                @endif
                                                            </td>

                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                    @if(isset($historyOrder) && $historyOrder->count() > 0)
                                    <div class="row mt-4">
                                        <div class="col-12">
                                            <h5 class="text-info mb-3">Lịch sử mua hàng</h5>
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-hover">
                                                    <thead class="thead-light">
                                                        <tr>
                                                            <th width="5%">STT</th>
                                                            <th width="20%">Mã Đơn</th>
                                                            <th width="15%">Tổng Tiền</th>
                                                            <th width="15%">Trạng thái</th>
                                                            <th width="15%">Thanh toán</th>
                                                            <th width="20%">Thời gian</th>
                                                            <th width="10%">#</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach($historyOrder as $key => $order)
                                                        <tr>
                                                            <td>{{ $key + 1 }}</td>
                                                            <td>{{ $order->code }}</td>
                                                            <td>{{ number_format($order->total) ?? 'N/A' }} đ</td>
                                                            <td>@foreach ($order->listStatus as $status)
                                                                @if ($status['status']==$order->status)
                                                                <span class="badge badge-@if ($order->status<=0)danger @else{{ $order->status }}@endif">
                                                                    {{ $status['name'] }}
                                                                </span>
                                                                @endif
                                                                @endforeach
                                                            </td>
                                                            <td><a class="btn btn-sm {{$order->thanhtoan==1?'btn-danger':'btn-info'}}" style="width:auto;white-space: nowrap;">{{$order->thanhtoan==1?'Đã thanh toán':'Chưa thanh toán'}}</a>
                                                            </td>
                                                            <td>{{ $order->created_at->format('d/m/Y H:m:s') ?? 'N/A' }}</td>
                                                            <td>
                                                                <a class="btn btn-sm btn-info"
                                                                    href="{{ route('admin.transaction.show', ['id' => $order->id]) }}"><i
                                                                        class="fas fa-eye"></i></a>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    @endif

                                    <!-- Nút hành động -->
                                    <div class="row mt-4">
                                        <div class="col-12">
                                            <div class="form-group text-right">
                                                <button type="submit" class="btn btn-primary btn-lg">
                                                    <i class="fas fa-save"></i> Cập nhật thông tin
                                                </button>
                                                <button type="reset" class="btn btn-secondary btn-lg ml-2">
                                                    <i class="fas fa-undo"></i> Làm lại
                                                </button>
                                                <a href="{{ route('admin.user_frontend.index') }}" class="btn btn-outline-secondary btn-lg ml-2">
                                                    <i class="fas fa-times"></i> Hủy bỏ
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
                </form>

                <script>
                    function deleteAddress(addressId) {
                        if (confirm('Bạn có chắc chắn muốn xóa địa chỉ này?')) {
                            // Gửi request xóa địa chỉ
                            fetch(`/admin/addresses/${addressId}`, {
                                    method: 'DELETE',
                                    headers: {
                                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                                        'Content-Type': 'application/json',
                                    },
                                })
                                .then(response => response.json())
                                .then(data => {
                                    if (data.success) {
                                        location.reload();
                                    } else {
                                        alert('Có lỗi xảy ra khi xóa địa chỉ');
                                    }
                                })
                                .catch(error => {
                                    console.error('Error:', error);
                                    alert('Có lỗi xảy ra khi xóa địa chỉ');
                                });
                        }
                    }

                    // Preview ảnh khi upload
                    document.getElementById('avatar_path').addEventListener('change', function(e) {
                        if (e.target.files && e.target.files[0]) {
                            const reader = new FileReader();
                            reader.onload = function(e) {
                                document.querySelector('.img-load').src = e.target.result;
                            };
                            reader.readAsDataURL(e.target.files[0]);
                        }
                    });
                </script>
            </div>
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
@endsection
@section('js')
<script src="{{asset('lib/select2/js/select2.min.js')}}"></script>
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"></script>
<script>
    $(function() {
        $(".select-2-init").select2({
            placeholder: "Chọn role",
            allowClear: true
        })
    })
</script>
@endsection