@extends("common.layout")

@section("header")

@endsection

@section("content")
<h1>
    <a href="javascript:void(0)">마이그레이션 대시보드</a>
    <span>

    </span>
</h1>
<div class="summary-wrap my-3">
    @foreach ($summaries as $summary)
    <div class="summary-box" style="--box-color: var({{ $summary['color'] }})">
        <div class="summary-title">
            <i class="{{ $summary['icon'] }}"></i>
            <span>{{ $summary['name'] }}</span>
            <div class="help-text">* {{ $summary['text'] }}</div>
        </div>
        <div class="summary-text">{{ isset($summary['count']) ? $summary['count'] : 0 }}</div>
    </div>
    @endforeach

</div>
<section>
    <header>
        <h6>목록</h6>
    </header>
    <main>
        <table class="table table-responsive-sm">
            <colgroup>
                <col width="3%" />  <!-- id -->
                <col width="/" />   <!-- 마이그레이션명 -->
                <col width="12%" />   <!-- Command -->
                <col width="7%" />   <!-- pk_field -->
                <col width="5%" /> <!-- 상태 -->
                <col width="5%" /> <!-- 갯수 -->
                <col width="20%" /> <!-- 메모 -->
                <col width="7%" /> <!-- 미지막 실행일시 -->
                <col width="10%" /> <!-- 미지막 실행결과 -->
                <col width="5%" /> <!-- 마지막 index -->
                <col width="3%" /> <!-- 관리 -->
            </colgroup>
            <thead>
                <tr>
                    <th>id</th>
                    <th>마이그레이션 명</th>
                    <th>command</th>
                    <th>Key Field</th>
                    <th>상태</th>
                    <th>갯수</th>
                    <th>메모</th>
                    <th>미지막 실행일시</th>
                    <th>미지막 실행결과</th>
                    <th>마지막 index</th>
                    <th>관리</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($migrations as $m)
                    @php
                        $last = $m->getLastLogs();
                    @endphp
                    <tr>
                        <td>{{ $m->id }}
                            <input type="hidden" name="id" value="{{ $m->id }}" class="form-control form-control-sm" />
                        </td>
                        <td>
                            <input type="text" name="name" value="{{ $m->name }}" class="form-control form-control-sm" />
                        </td>
                        <td>
                            <a href="{{ route("migration.detail", $m->id) }}">{{ $m->command_name }}</a>
                        </td>
                        <td>
                            <input type="text" name="pk_field" value="{{ $m->pk_field }}" class="form-control form-control-sm" />
                        </td>
                        <td>
                            <select name="status" class="form-select form-select-sm">
                                @foreach ($summaries as $status => $summary)
                                    <option value="{{ $status }}" @selected($status == $m->status)>{{ $summary['name'] }}</option>

                                @endforeach
                            </select>
                        </td>
                        <td>
                            <input type="number" name="limit" value="{{ $m->limit }}"  class="form-control form-control-sm"  />
                        </td>
                        <td><textarea class="form-control form-control-sm" rows="5" name="note">{{ $m->note }}</textarea></td>
                        <td>{{ $last?->created_at }}</td>
                        <td>
                            @if ($last)
                            <span class="font-lg">
                                <i class="{{ $logStatus[$last->status] }}"></i>
                            </span>
                            <span class="ml-3">
                                @if ($last?->status != 'running')
                                    <span class="badge badge-outline-dark">{{  ( $last->total_process ) }}</span>
                                    <span class="badge badge-outline-success">{{ $last->total_process -  $last->fail_process }}</span>
                                    <span class="badge badge-outline-danger">{{ $last->fail_process }}
                                @endif
                            </div>
                            @endif
                        </td>
                        <td>
                            <input type="number" value="{{ $m->last_index }}" name="last_index" class="form-control form-control-sm" />
                        </td>
                        <td>
                            <button class="btn btn-sm btn-primary onChange" type="button">변경</button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </main>
</section>
@endsection

@push("script")
<script>
    $(function() {
        $('.onChange').on("click", async function() {
            const data = {};
            $.each($(this).closest("tr").find("input, select, textarea"), function(){
                data[$(this).attr('name')] = $(this).val()
            });
            const result = await customFetch("{{ route('api.migration.modify') }}", {
                method: "POST",
                body : JSON.stringify(data) ,
                headers: { "Content-Type" : "application/json"}
            });

            if ( result.status ) {
                 alertify.alert("알림", "변경되었습니다.", () => { })
            }
        })
    })

    // async function execCommand(id) {
    //     const href = "{{ route('api.migration.execute', ['id' => ':id']) }}";
    //     href.replace(':id', id);

    //     await customFetch( )

    // }
</script>
@endpush