@extends("common.layout")

@php
    $page_title = $service=='ielts' ? '인강 쿠폰 목록' : '어학원 쿠폰 목록';
@endphp

@section('page-title', $page_title)

@section("content")
<h1>
    <a href="{{ route('promotion.coupon.list', $service) }}">{{ $page_title }}</a>

    <button type="button" class="btn btn-primary" onclick="location.href='{{ route('promotion.coupon.detail', ['service' => $service]) }}'">{{ $pageServiceName }} 쿠폰 등록</button>
</h1>

<section class="mb-3">
    <main>
        <form action="{{ route('promotion.coupon.list', $service) }}" class="search-form" method="GET">
            @csrf

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="register_start_date">발행 기간</label>
                    <input class="form-control" type="date" id="issue_start_date" name="issue_start_date"
                    @if (Request::get("issue_start_date"))
                        value="{{ Request::get("issue_start_date") }}"
                    @endif
                    >
                    <input class="form-control" type="date" name="issue_end_date"
                    @if (Request::get("issue_end_date"))
                        value="{{ Request::get("issue_end_date") }}"
                    @endif
                    >
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="use_start_date">사용 기간</label>
                    <input class="form-control" type="date" id="use_start_date" name="use_start_date"
                    @if (Request::get("use_start_date"))
                        value="{{ Request::get("use_start_date") }}"
                    @endif
                    >
                    <input class="form-control" type="date" name="use_end_date"
                    @if (Request::get("use_end_date"))
                        value="{{ Request::get("use_end_date") }}"
                    @endif
                    >
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="activated">사용/미사용</label>
                    <select class="form-select" name="activated" id="activated">
                        <option value="" @selected(Request::get("activated") === null)>전체</option>
                        <option value="1" @selected(Request::get("activated") === "1")>사용</option>
                        <option value="0" @selected(Request::get("activated") === "0")>미사용</option>
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="issue_type">발행유형</label>
                    <select class="form-select" name="issue_type" id="issue_type">
                        <option value="">전체</option>
                        @foreach (config('system.issue_types') as $issue_type)
                            <option value="{{ $issue_type }}" @selected(Request::get("issue_type") === $issue_type)>{{ $issue_type }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="discount_value">할인율(금액)</label>
                    <input class="form-control" type="text" name="discount_value" id="discount_value" autocomplete='on' value="{{ Request::get('discount_value') }}">
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="discount_max">최대 할인 금액</label>
                    <input class="form-control" type="text" name="discount_max" id="discount_max" autocomplete='on' value="{{ Request::get('discount_max') }}">
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="name">쿠폰명</label>
                    <input class="form-control" type="text" name="name" id="name" autocomplete='on' value="{{ Request::get('name') }}">
                </div>

                <input type="hidden" name="paginate" value="{{ Request::has("paginate") ? Request::get("paginate"):'' }}">
                <input type="hidden" name="page" value="{{ Request::has("page") ? Request::get("page"):'' }}">
                <input type="hidden" name="order_by" value="{{ Request::has("order_by") ? Request::get("order_by"):'id' }}">
                <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'desc' }}">
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>

<section>
    <header>
        <h6>총 <strong>{{ $coupons->total() }}</strong>건</h6>

        <button type="button" class="btn btn-sm btn-success" onclick="excelDownload('.search-form', '{{ route('api.promotion.coupon.excel') ?? '' }}')"><i class="bi bi-file-spreadsheet"></i></button>
    </header>

    <main>
        <table class="table table-hover">
            <thead>
                <tr class="text-center">
                    {!! \BaseHelper::sortHead('번호', 'id') !!}
                    {!! \BaseHelper::sortHead('등록일', 'created_at') !!}
                    {!! \BaseHelper::sortHead('쿠폰명', 'name', 'text-start') !!}
                    <th>사용</th>
                    <th>발행기간</th>
                    <th>발행수</th>
                    <th>발행완료</th>
                    <th>잔여매수</th>
                    <th>발행유형</th>
                    <th>사용기간</th>
                    <th>할인방식</th>
                    <th class="text-end">할인율(액)</th>
                    <th class="text-end">최대할인액</th>
                    <th>상품옵션</th>
                </tr>
            </thead>
            <tbody id="sortable">
                @foreach ($coupons as $coupon)
                <tr @class(['text-center', 'hidden' => empty($coupon->activated)])>
                    <td class="number">
                        {{ $coupon->id }}
                        <input type="hidden" name="sort[]" value="{{ $coupon->id }}">
                    </td>

                    <td class="number">
                        @if (isset($coupon->created_at))
                            {{ explode(" ", $coupon->created_at)[0] }}
                        @else
                            -
                        @endif
                    </td>

                    <td class="text-start">
                        <a href="{{ route('promotion.coupon.detail', ['id' => $coupon->id]) }}">{{ $coupon->name }}</a>
                    </td>

                    <td>{{ $coupon->activated == 1 ? "사용" : "미사용" }}</td>

                    <td>
                        {{ $coupon->issue_start_date }}
                        {!! $coupon->issue_end_date ? '<br>'.$coupon->issue_end_date : '' !!}
                    </td>

                    <td>{{ $coupon->is_unlimited == 1 ? "무제한" : $coupon->issue_max }}</td>
                    <td>{{ !empty($coupon->issued_count) ? $coupon->issued_count : '-' }}</td>
                    <td>{{ $coupon->is_unlimited == 1 ? "무제한" : (($coupon->issue_max - $coupon->issued_count) == 0 ? "-" : ($coupon->issue_max - $coupon->issued_count)) }}</td>
                    <td>{{ $coupon->issue_type }}</td>
                    <td>
                        {{ $coupon->use_start_date }}
                        {!! $coupon->use_end_date ? '<br>'.$coupon->use_end_date : '' !!}
                    </td>
                    <td>{{ $coupon->discount_type }}</td>
                    <td class="number price">{{ $coupon->discount_type == '정률' ? $coupon->discount_value.'%' : number_format($coupon->discount_value) }}</td>
                    <td class="number price">{{ !empty($coupon->discount_max) ? number_format($coupon->discount_max) : '-' }}</td>
                    <td class="number">{{ count($coupon->productOptions) < 1 ? "전체" : count($coupon->productOptions) }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </main>

    <footer>
        <div class="pagination-wrap">
            {{ $coupons->links() }}

            <select id='paginate-control' class='form-select form-select-sm data-length-select' onchange="copyValue('.data-length-select', 'input[name=paginate]', '.search-form')">
                <option value="10" @selected(Request::get("paginate") == null || Request::get("paginate") == 10)>10개씩 보기</option>
                <option value="30" @selected(Request::get("paginate") == 30)>30개씩 보기</option>
                <option value="50" @selected(Request::get("paginate") == 50)>50개씩 보기</option>
                <option value="100" @selected(Request::get("paginate") == 100)>100개씩 보기</option>
            </select>
        </div>
    </footer>
</section>

@endsection