@extends('layouts.admin')

@section('title')
    {{$title}}
@endsection

@section('content-admin')
<div class="wrapper wrapper-content">
    <div class="text-center mb-1 fw-bold d-flex justify-content-center align-items-center">
        <img src="{{asset('assets/general/img/logoDAU.png')}}" alt="" class="img-fluid" style="width: 40px;">
        <h1 id="title-top" class="ms-3 mb-0" style="font-size: 22px">{{$title}}</h1>
    </div>
    <div class="d-flex justify-content-between mb-2" style="padding: 1.25rem">
        <a href="{{ route('admin.promotions.add') }}" class="btn btn-primary">Thêm khuyến mãi</a>
    </div>
    @if(session('msg'))
        <div class="alert alert-success text-center">
            {{session('msg')}}
        </div>
    @endif

    <!-- Responsive Table -->
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered">
                <thead>
                    <tr class="text-center">
                        <th width="5%">STT</th>
                        <th class="d-none d-sm-table-cell">Mã KM</th>
                        <th>Tên KM</th>
                        <th class="d-none d-md-table-cell">Loại KM</th>
                        <th class="d-none d-lg-table-cell">Ngày Bắt Đầu</th>
                        <th class="d-none d-lg-table-cell">Ngày Kết Thúc</th>
                        <th>Giá Trị KM</th>
                        <th>Trạng Thái</th>
                        <th>Hành động</th>
                    </tr>
                </thead>
                <tbody>
                    @if(!empty($AllPromotions) && count($AllPromotions) > 0)
                        @foreach ($AllPromotions as $key => $item)
                        <tr>
                            <td>{{$key + 1}}</td>
                            <td class="d-none d-sm-table-cell">{{$item->ma_khuyen_mai}}</td>
                            <td>{{ \Illuminate\Support\Str::limit($item->ten_khuyen_mai,15)}}</td>
                            <td class="d-none d-md-table-cell">
                                @if($item->loai_khuyen_mai == 0)
                                    <span class="bg-primary p-1 rounded text-white">Sản Phẩm</span>
                                @elseif($item->loai_khuyen_mai == 1)
                                    <span class="bg-warning p-1 rounded text-white">Đơn Hàng</span>
                                @endif
                            </td>
                            <td class="d-none d-lg-table-cell">{{\Carbon\Carbon::parse($item->ngay_bat_dau)->format('d-m-Y H:i:s')}}</td>
                            <td class="d-none d-lg-table-cell">{{\Carbon\Carbon::parse($item->ngay_ket_thuc)->format('d-m-Y H:i:s')}}</td>
                            <td>
                                @if($item->hinh_thuc_giam_gia == 0)
                                    {{ number_format($item->gia_tri_khuyen_mai, 0, ',', '.') }}đ
                                @elseif($item->hinh_thuc_giam_gia == 1)
                                    {{$item->gia_tri_khuyen_mai}}%
                                @endif
                            </td>
                            <td>
                                @if($item->so_luong === 0)
                                    <h6 class="bg-danger p-1 rounded text-white w-100 text-center mb-0">Hết Voucher</h6>
                                @elseif(now() > $item->ngay_ket_thuc)
                                    <h6 class="bg-danger p-1 rounded text-white w-100 text-center mb-0">Hết Hạn</h6>
                                @elseif($item->trang_thai == 0 && now() <= $item->ngay_ket_thuc && now() >= $item->ngay_bat_dau)
                                    <h6 class="bg-success p-1 rounded text-white w-100 text-center mb-0 ">Kích Hoạt</h6>
                                @elseif($item->trang_thai == 1)
                                    <h6 class="bg-danger p-1 rounded text-white w-100 text-center mb-0">Không Kích Hoạt</h6>
                                @endif
                            </td>
                            <td>
                                <a href="{{ route('admin.promotions.detail', ['id'=>$item->id]) }}" class="btn btn-primary btn-sm"><i class="fa-solid fa-eye"></i></a>
                                <a href="{{ route('admin.promotions.edit', $item->id) }}" class="btn btn-warning btn-sm"><i class="fa-solid fa-pen-to-square"></i></a>
                                <form action="{{ route('admin.promotions.delete', $item->id) }}" method="POST" style="display:inline;" id="delete-form-{{$key}}">
                                    @csrf
                                    @method('DELETE')
                                    <button type="button" class="btn btn-danger btn-sm delete-product" onclick="confirmDelete('delete-form-{{$key}}')"><i class="fa-solid fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    @else
                        <tr>
                            <td colspan="9" class="text-center">KHÔNG CÓ KHUYẾN MÃI</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@section('js')
<script>
    function confirmDelete(formId) {
        Swal.fire({
            title: 'Bạn có chắc chắn muốn xóa?',
            text: "Hành động này không thể hoàn tác!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Xóa',
            cancelButtonText: 'Hủy'
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById(formId).submit();
            }
        });
    }
</script>
@endsection