@extends('layouts.app')

@section('content')
<div id="flower" class="container-fluid">
    @include('service.navTabs')

    <h5>화훼 시세</h5>
    <hr/>

    <dl>
        <dd>한국농수산식품유통공사가 제공하는 화훼 경매 시세 정보입니다.</dd>
        <dd>경매정보를 일자별로 비교 분석할 수 있도록 제공합니다.</dd>
        <dd>휴일 안내 : 매주 일요일, 신정(1월 1일), 설날 및 추석연휴</dd>
        <dd>제공날짜 : 절화(월~토), 난(월/목), 관엽(화/목)</dd>
        <dd>제공시간 : 절화(당일 9시이후), 난/관엽/춘란 (익일 오전 10시)</dd>
    </dl>

    <form name="f_service_flower" id="fServiceFlower" action="{{ route('service.price.flower') }}" method="get" accept-charset="UTF-8">
        <input type="hidden" name="page" value="{{ $page }}"/>
        <input type="hidden" name="per_page" value="{{ $perPage }}"/>
        <input type="hidden" name="p_name" value="{{ $pName }}"/>

        <table class="table table-borderless w-auto">
            <colgroup>
                <col width="80px"/>
                <col width="300px"/>
                <col width="80px"/>
                <col width="300px"/>
            </colgroup>
            <tr>
                <th><label>부류</label></th>
                <td>
                    <div class="form-check-inline">
                        <input type="radio" name="gubun" id="gubun_1" class="form-check-input" value="1" @if($gubun == '1') checked @endif/>
                        <label for="gubun_1" class="form-check-label">절화</label>
                    </div>
                    <div class="form-check-inline">
                        <input type="radio" name="gubun" id="gubun_3" class="form-check-input" value="3" @if($gubun == '3') checked @endif/>
                        <label for="gubun_3" class="form-check-label">난</label>
                    </div>
                    <div class="form-check-inline">
                        <input type="radio" name="gubun" id="gubun_2" class="form-check-input" value="2" @if($gubun == '2') checked @endif/>
                        <label for="gubun_2" class="form-check-label">관엽</label>
                    </div>
                    <div class="form-check-inline">
                        <input type="radio" name="gubun" id="gubun_4" class="form-check-input" value="4" @if($gubun == '4') checked @endif/>
                        <label for="gubun_4" class="form-check-label">춘란</label>
                    </div>
                </td>
                <th><label for="pName" class="col-form-label">품목명</label></th>
                <td>
                    <select name="pid" id="pid" class="form-select" data-selected="{{ $pid }}">
                        <option value="">전체</option>
                    </select>
                </td>
            </tr>
            <tr>
                <th><label for="date" class="col-form-label">기준일</label></th>
                <td>
                    <input type="text" name="date" id="date" class="form-control date-picker" value="{{ $date }}" />
                </td>
                <th><label for="gName" class="col-form-label">품종명</label></th>
                <td>
                    <input type="text" name="g_name" id="gName" class="form-control" value="{{ $gName }}" />
                </td>
                <td rowspan="2">
                    <button type="submit" class="btn btn-dark h-100">검색</button>
                </td>
            </tr>
        </table>
    </form>

    <div class="table-responsive">
        <table class="table table-hover table-bordered table-nowrap">
            <caption>
                <div class="row align-items-end">
                    <div class="col">
                        <label>전체 : {{ number_format($total) }}</label>
                    </div>
                    <div class="col-auto">
                        <select name="per_page" id="perPage" class="form-select">
                            <option value="10" @if($perPage == '10') selected @endif>10개씩</option>
                            <option value="15" @if($perPage == '15') selected @endif>15개씩</option>
                            <option value="20" @if($perPage == '20') selected @endif>20개씩</option>
                            <option value="30" @if($perPage == '30') selected @endif>30개씩</option>
                            <option value="40" @if($perPage == '40') selected @endif>40개씩</option>
                            <option value="50" @if($perPage == '50') selected @endif>50개씩</option>
                        </select>
                    </div>
                </div>
            </caption>
            <thead>
                <tr>
                    <th>No</th>
                    <th>경매일자</th>
                    <th>화훼부류명</th>
                    <th>품목명</th>
                    <th>품종명</th>
                    <th>등급명</th>
                    <th>최고가</th>
                    <th>최저가</th>
                    <th>평균가</th>
                    <th>총물량</th>
                    <th>총금액</th>
                </tr>
            </thead>
            <tbody>
                @if($total > 0)
                    @foreach($list as $row)
                        <tr>
                            <td>{{ $row['num'] }}</td>
                            <td>{{ $row['saleDate'] }}</td>
                            <td>{{ $row['flowerGubn'] }}</td>
                            <td>{{ $row['pumName'] }}</td>
                            <td>{{ $row['goodName'] }}</td>
                            <td>{{ $row['lvNm'] }}</td>
                            <td>{{ $row['maxAmt'] }}</td>
                            <td>{{ $row['minAmt'] }}</td>
                            <td>{{ $row['avgAmt'] }}</td>
                            <td>{{ $row['totQty'] }}</td>
                            <td>{{ $row['totAmt'] }}</td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="11">
                            No data.
                        </td>
                    </tr>
                @endif
                <tr>
                    <td colspan="6">합계</td>
                    <td>{{ $maxAmt }}</td>
                    <td>{{ $minAmt }}</td>
                    <td>{{ $avgAmt }}</td>
                    <td>{{ $totQty }}</td>
                    <td>{{ $totAmt }}</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="11">
                        <div class="pagination">
                            {{ $list->withQueryString()->onEachSide(DEFAULT_LIST_PAGE_COUNT)->links('component.pagination') }}
                        </div>
                    </td>
                </tr>
            </tfoot>
        </table>
        <p>단위 : 속(분), 원/속(분)</p>
    </div>

    <dl>
        <dt>주의 사항</dt>
        <dd><small>화훼류경매시세는 양재동 화훼공판장 중도매인들이 전자식 경매를 통하여 낙찰받은 물량의 가격이며, 중도매인들의 제비용 등이 전혀 포함되어 있지 않으므로 도소매 구입금액과 차이가 있을 수 있습니다.</small></dd>
        <dd><small>절화류 화목토 요일은 작은 장인 관계로 거래량이 저조하기 때문에 적정 가격형성이 되지 않습니다. 따라서 화,목,토요일 경매시세는 제공되지 않으며 시세자료 비교시는 거래량이 많은 큰 장인 월,수,금요일 자료를 참조하시기 바랍니다.</small></dd>
    </dl>
</div>
@endsection

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/desktop/service/index.css') }}"/>
@endpush

@push('scripts')
    <script src="{{ asset('js/service/flower.js') }}" defer></script>
@endpush