@extends("common.layout")

@section("header")
{!! resource('css/form.css') !!}
<style>
    .code-box { background: #000; color: #fff; min-height: 500px; padding: 16px; border-radius: 8px;;  }
    .code-box p { margin: 4px 0px; font-family: Monaco, Consolas, "Lucida Console", monospace; font-size: 0.9rem;}
</style>
@endsection

@section("content")
@php
    $errors = $migration->getLastErrors(10);
@endphp
<h1>
    <a href="javascript:void(0)">{{ $migration->name }} 실행이력</a>
</h1>
<section class="col-6">
    <header>마이그레이션 실행정보</header>
    <form class="default">
        <main class="split-form" >
            <ul class="list-item-none">
                <li class="mb-3 row mx-0 align-middle">
                    <label class="col-1">커맨드</label>
                    <span class="col-2">{{ $migration->command_name }}</span>
                    <label class="col-1">상태</label>
                    <span class="col-2">{{ $summaries[$migration->status]['name'] }}</span>
                    <label class="col-1">실행갯수</label>
                    <span class="col-2">{{ $migration->limit }}</span>
                    <label class="col-1">마지막 index</label>
                    <span class="col-2">{{ $migration->last_index }}</span>
                </li>
                @php
                    $last = $migration->getLastLogs();
                @endphp
                @if ($last)
                    <li class="mb-3 row mx-0 align-middle">
                        <label class="col-1">마지막 실행결과</label>
                        <div class="col-2 align-middle d-flex">
                            <span class="font-lg">
                                <i class="{{ $logStatus[$last->status] }}"></i>
                            </span>
                            <span class="col-8 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
                            </span>
                        </div>
                        <label class="col-1">마지막 실행일</label>
                        <span class="col-2">{{ $last->created_at }}</span>
                    </li>
                @endif
            </ul>
        </main>
    </form>
</section>
<div class="layout-2-cols">
    <section class="mt-3">
        <header>실행이력</header>
        <main>
            <table class="table table-responsive-sm">
                <colgroup>
                    <col width="5%">
                    <col width="15%">
                    <col width="10%">
                    <col width="10%">
                    <col width="10%">
                    <col width="10%">
                    <col width="15%">
                    <col width="/">
                </colgroup>
                <thead>
                    <tr>
                        <th>번호</th>
                        <th>실행일시</th>
                        <th>시작 index</th>
                        <th>종료 index</th>
                        <th>소요시간(ms)</th>
                        <th>실행상태</th>
                        <th>실행결과</th>
                        <th>메세지</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($migration->getLastLogs(10) as $index => $log )
                    <tr>
                        <td>{{ $log->id }}</td>
                        <td>{{ $log->created_at }}</td>
                        <td class="text-center">{{ $log->start_index }}</td>
                        <td class="text-center">{{ $log->end_index }}</td>
                        <td class="text-center">{{ $log->execution_time_ms }}</td>
                        <td class="text-center">
                            <span class="font-lg"><i class="{{ $logStatus[$log->status] }}"></i></span>
                        </td>
                        <td>
                            @if ($log?->status != 'running')
                                <span class="badge badge-outline-dark">{{   $log->total_process  }}</span>
                                <span class="badge badge-outline-success">{{ $log->total_process -  $log->fail_process }}</span>
                                <span class="badge badge-outline-danger">{{ $log->fail_process }}
                            @endif
                        </td>
                        <td>
                            <div style="max-width: 250px;" class="overflow-ellipsis">{!! $log->message !!}</div>
                        </td>
                    </tr>

                    @endforeach
                </tbody>
            </table>
        </main>
    </section>
    <section class="mt-3">
        <header>오류내역</header>
        <main>
            <table class="table table-responsive-sm">
                <colgroup>
                    <col width="5%">
                    <col width="10%">
                    <col width="10%">
                    <col width="65%">
                    <col width="10%">
                </colgroup>
                <thead>
                    <tr>
                        <th>번호</th>
                        <th>발생일시</th>
                        <th>발생 index</th>
                        <th>에러메세지</th>
                        <th>button</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ( $errors as $error )
                    <tr>
                        <td>{{ $error->id }}</td>
                        <td>{{ $error->created_at }}</td>
                        <td>{{ $error->index }}</td>
                        <td><div style="word-break: break-word;max-width: 600px">{{ $error->message }}</div></td>
                        <td>
                            <button class="btn btn-sm btn-warning" type="button" onclick="onOpenError({{ $error->id }})">자세히보기</button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </main>
    </section>
</div>
<section class="mt-3" style="display: none" id="errors">
    <header>오류 상세보기</header>
    <main>
        <div class="code-box limit-height custom-scroll" style="--height: 500px;">
            @foreach ($errors as $error)
                @php
                    $payload = json_decode($error->payload, 1);
                @endphp

                <ul class="list-item-none" id="error_{{ $error->id }}">
                    <li>
                        <strong class="text-warning font-lg">Exception</strong>
                        <span>{{ $payload['exception'] }}</span>
                    </li>
                    <li>
                        <strong class="text-warning font-lg">Message</strong>
                        <span>{{ $payload['message'] }}</span>
                    </li>
                    <li>
                        <strong class="text-warning font-lg">File</strong>
                        <span>{{ $payload['file'] }}</span>
                    </li>
                    <li>
                        <strong class="text-warning font-lg">Line</strong>
                        <span>{{ $payload['line'] }}</span>
                    </li>
                    <li>
                        <strong class="text-warning font-lg">Trace</strong>
                        <div><pre>{{ print_r($payload['trace'], 1) }}</pre></div>
                    </li>
                    {{-- <li>
                        <strong class="text-warning font-lg">Migration Data</strong>
                        <div><pre>{{ print_r($payload['data'], 1) }}</pre></div>
                    </li> --}}
                </ul>
            @endforeach
        </div>
    </main>
</section>
@endsection

@push("script")
    <script>
        function onOpenError(id) {
            $('#errors').show();
            $('.code-box ul').hide();
            $('.code-box ul#error_' + id).show()
        }
    </script>
@endpush