@extends('shared.admin')
@section('content')
    <div class="container-fluid">
        <h2 class="mt-30 page-title">Star Spin Codes</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{ action('AdminController@index') }}">Dashboard</a></li>
            <li class="breadcrumb-item active">Star Spin Codes</li>
        </ol>
        <div class="row justify-content-between">
            <div class="col-12">
                <div class="card p-3">
                    <form method="get" action="" name="codeForm">
                        <div class="row">
                            <div class="col-6">
                                <input type="text" name="filter[code]" id="code"
                                       value="{{ $filter['code'] ?? '' }}"
                                       class="form-control" placeholder="Mã tham gia">
                            </div>
                            <div class="col-6">
                                <input type="text" name="filter[phone]" id="phone"
                                       value="{{ $filter['phone'] ?? '' }}"
                                       class="form-control" placeholder="Số điện thoại">
                            </div>
                        </div>
                        <div class="row mt-3">
                            <div class="col-6">
                                <select id="type" name="filter[type]" class="form-control">
                                    <option value="">Chọn loại code</option>
                                    <option value="WEBSITE"
                                            {{ ($filter['type']?? '') == 'WEBSITE' ? 'selected' : '' }}>
                                        WEBSITE
                                    </option>
                                    <option value="WECHEER"
                                            {{ ($filter['type']?? '') == 'WECHEER' ? 'selected' : '' }}>
                                        WECHEER
                                    </option>
                                </select>
                            </div>
                            <div class="col-6">
                                <select id="type" name="filter[status]" class="form-control">
                                    <option value="">Chọn tình trạng</option>
                                    @foreach(['PENDING', 'SENT_CODE', 'JOINED', 'INFORMATION', 'CONFIRMED', 'DELIVERING', 'COMPLETED', 'CANCELLED'] as $status)
                                        <option value="{{$status}}"
                                                {{ ($filter['status']?? '') == $status ? 'selected' : '' }}>
                                            {{ \App\Enums\StarSpinCodeStatus::getDescription($status) }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row mt-3 float-right">
                            <button class="btn btn-sm btn-primary hover-btn mr-2" type="submit">Search</button>

                            <a class="btn btn-sm btn-secondary hover-btn mr-3" type="reset"
                               href="{{ route('starspin_code.index') }}">
                                Reset
                            </a>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 mt-3">
                <div class="card card-static-2 mb-30">
                    <div class="card-title-2">
                        <h4>All Codes</h4>
                    </div>
                    <div class="card-body-table">
                        <div class="table-responsive">
                            <table class="table ucp-table table-hover">
                                <thead>
                                <tr>
                                    <th>Hoá đơn</th>
                                    <th>Mã tham dự</th>
                                    <th>Số điện thoại</th>
                                    <th style="width: 250px">Địa chỉ giao hàng</th>
                                    <th>Loại</th>
                                    <th>Quà tặng</th>
                                    <th>Mã voucher</th>
                                    <th>Tình trạng</th>
                                    <th style="width: 120px">Ghi chú</th>
                                    <th style="width: 170px">Ngày Tạo</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($codes as $code)
                                    <tr id="oder-num-{{$code->id}}">
                                        <td>
                                            {{$code->type == 'WEBSITE' ? 'ORDER#' : ''}}{{ optional(optional($code)->bill)->order_code }}
                                        </td>
                                        <td>
                                            {{ $code->code }}
                                        </td>
                                        <td>
                                            {{ optional(optional($code)->bill)->phone }}
                                        </td>
                                        <td>
                                            {{ $code->shipping_address }}
                                        </td>
                                        <td>
                                            {{ $code->type }}
                                        </td>
                                        <td>
                                            {{ isset($code->gift) ? $code->gift->name : '--' }}
                                        </td>
                                        <td>
                                            <span>{{ isset($code->voucher) ? $code->voucher->code : '--' }}</span>
                                            <span>{{ isset($code->voucher) && isset($code->voucher->log) ? ($code->voucher->log ? '(Đã sử dụng)' : 'Chưa sử dụng') : '' }}</span>
                                        </td>
                                        <td>
                                            <span style="padding: 0.3rem"
                                                  class="{{ \App\Enums\StarSpinCodeStatus::getColorClass($code->status) }}">
                                            {{ \App\Enums\StarSpinCodeStatus::getDescription($code->status) }}
                                            </span>
                                        </td>
                                        <td>{{ $code->note }}</td>
                                        <td>
                                            {{ $code->created_at }}
                                        </td>
                                        <td>
                                            <a href="{{ route('starspin_code.edit', ['id' => $code->id]) }}"
                                               class="views-btn"><i class="fas fa-edit"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 mb-30">
                    {{ $codes->appends(request()->query())->onEachSide(5)->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection