@extends("board.layout.layout-board")
@section("header")
{!! resource('js/components/multiSelect.js') !!}
{!! resource('css/components/multiSelect.css') !!}
@endsection


@section("board-content")
<li class="mb-4 summary-wrap dark" style="--summary-count: 5">

    <div class="summary-box" style="--box-color: var(--bs-primary)">
        <div class="summary-title">
            <i class="bi bi-award-fill"></i>
            <span>총점</span>
        </div>
        <div class="summary-text">
            <select class="form-select form-selected" name="overall">
                @foreach ($scores as $score)
                    @if ($score > 5)
                        <option value="{{ $score }}" @selected($score == $post?->overall)>{{ $score }}</option>
                    @endif
                @endforeach
            </select>
        </div>
    </div>
    <div class="summary-box" style="--box-color: var(--bs-success)">
        <div class="summary-title">
            <i class="bi bi-ear-fill"></i>
            <span>Listening</span>
        </div>
        <div class="summary-text">
            <select class="form-select form-selected" name="listening">
                @foreach ($scores as $score)
                    <option value="{{ $score }}" @selected($score == $post?->listening)>{{ $score }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="summary-box" style="--box-color: var(--bs-success)">
        <div class="summary-title">
            <i class="bi bi-book-fill"></i>
            <span>Reading</span>
        </div>
        <div class="summary-text">
            <select class="form-select form-selected" name="reading">
                @foreach ($scores as $score)
                    <option value="{{ $score }}" @selected($score == $post?->reading)>{{ $score }}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="summary-box" style="--box-color: var(--bs-success)">
        <div class="summary-title">
            <i class="bi bi-megaphone-fill"></i>
            <span>Speaking</span>
        </div>
        <div class="summary-text">

            <select class="form-select form-selected" name="speaking">
                @foreach ($scores as $score)
                    <option value="{{ $score }}" @selected($score == $post?->speaking)>{{ $score }}</option>
                @endforeach
            </select>

        </div>
    </div>
    <div class="summary-box" style="--box-color: var(--bs-success)">
        <div class="summary-title">
            <i class="bi bi-pencil-fill"></i>
            <span>Writing</span>
        </div>
        <div class="summary-text">

            <select class="form-select form-selected" name="writing">
                @foreach ($scores as $score)
                    <option value="{{ $score }}" @selected($score == $post?->writing)>{{ $score }}</option>
                @endforeach
            </select>

        </div>
    </div>
</li>
<li class="mb-4 row mx-0 align-middle">
    <label class="col-1 required">응시일</label>
    <div class="col-2">
        <input type="date" name="exam_date" value="{{ $post?->exam_date ? date('Y-m-d', strtotime($post?->exam_date)) : '' }}" class="form-control " />
    </div>
    <label class="col-1 required">달성기간</label>
    <div class="col-2">
        <select class="form-select" name="period">
            @foreach ($periods as $p)
                <option value="{{ $p }}" @selected($p == $post?->period)>{{ $p }}</option>
            @endforeach
        </select>
    </div>
    <label class="col-1 required">목적국가</label>
    <div class="col-2">
        <select class="form-select" name="country_id">
            @foreach ($countries as $c)
                <option value="{{ $c->id }}" @selected($c->id == $post?->country_id)>{{ $c->name }}</option>
            @endforeach
        </select>
    </div>
    <label class="col-1 required">공부목적</label>
    <div class="col-2">
        <select class="form-select" name="goal_description">
            @foreach ($goals as $g)
                <option value="{{ $g }}" @selected($g == $post?->goal)>{{ $g }}</option>
            @endforeach
        </select>
    </div>
</li>
<li class="mb-4 row mx-0 align-middle">
    <label class="col-1 required">태그</label>
    <div class="col-11 form-check-wrap" style="flex-wrap : wrap">
        @php
            $postTags = $post?->tags ? explode("|", $post?->tags) :[];
        @endphp
        @foreach ($tags[$service] as $tag)
            <label class="form-check-label ">
                <input type="checkbox" class=" mr-2 " name="tags[]" value="{{ $tag }}" @checked(in_array($tag, $postTags)) /> {{ $tag }}
            </label>
        @endforeach
    </div>
</li>
@endsection


@push("script")

    <script>

    </script>
@endpush