@extends('backend.layouts.app')

@section('content')

    <h2 class="title">過去作業一覧</h2>
    @include('backend.layouts.flash-message')

    {{ $params->links('vendor.pagination.admin-pagination') }}
    <table class="normal type3">
        <thead>
        <tr>
            <th>詳細</th>
            <th>タイトル</th>
            <th>Before</th>
            <th>After 1</th>
            <th>After 2</th>
            <th>日付</th>
        </tr>
        </thead>
        <tbody>
        @if ($params->count() > 0)
            @foreach ($params as $param)
                <tr class="{{ $department == 'moritis' ? $param->getCompleteColor() : '' }}">
                    <td>
                        <p>
                            <a href="{{ route("backend.{$department}.renovation.edit", ['renovation'=>$param->id]) }}">編集</a>
                        </p>
                        <p>
                            <a href="{{ route("backend.{$department}.renovation.detail", ['renovation'=>$param->id]) }}">閲覧</a>
                        </p>
                        <p>
                            <a href="#" data-url="{{ route("backend.{$department}.renovation.delete", ['renovation'=>$param->id]) }}" data-id="{{ $param->id }}" class="delete_renovation">削除</a>
                        </p>
                    </td>
                    <td class="text-left">{{ $param->title }}</td>
                    <td>
                        @if(!empty($param->last_image_path) && Storage::disk('renovation')->has($param->id.'/'.$param->last_image_path))
                            <img width="100" src="{{ asset('storage/renovation').'/'.$param->id }}/{{ $param->last_image_path }}" alt="{{ $param->last_image_name }}">
                        @else
                            <img width="100" src="{{ asset("assets/frontend/truck/img/pic/i_thumbnail.jpg") }}" alt="トラック">
                        @endif
                    </td>
                    <td>
                        @if(!empty($param->current_image_path1) && Storage::disk('renovation')->has($param->id.'/'.$param->current_image_path1))
                            <img width="100" src="{{ asset('storage/renovation').'/'.$param->id }}/{{ $param->current_image_path1 }}" alt="{{ $param->current_image_name1 }}">
                        @endif
                    </td>
                    <td>
                        @if(!empty($param->current_image_path2) && Storage::disk('renovation')->has($param->id.'/'.$param->current_image_path2))
                            <img width="100" src="{{ asset('storage/renovation').'/'.$param->id }}/{{ $param->current_image_path2 }}" alt="{{ $param->current_image_name2 }}">
                        @endif
                    </td>
                    <td>{{ !empty($param->registered_at) ? Carbon::parse($param->registered_at)->format('Y.m.d H:i:s') : '' }}</td>
                </tr>
            @endforeach
        @else
            <tr>
                <td colspan="3">データが存在しません。</td>
            </tr>
        @endif
        </tbody>
    </table>
    {{ $params->links('vendor.pagination.admin-pagination') }}


    {{ Form::open(["id"=>"delete_submit", "method"=>"post"]) }}
    {{ Form::close() }}


@endsection

@section('page_css')
    <style>
        .sort-link a{
            text-decoration: none !important;
        }
    </style>
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(function () {
            $(document).ready(function () {
                $(".delete_renovation").click(function () {
                    let url = $(this).data('url');
                    $("#delete_news_id").val($(this).data('id'));
                    helper_confirm("dialog-confirm", "削除", "過去作業を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){

                        $("#delete_submit").attr('action', url);
                        $("#delete_submit").submit();
                    });
                });
            }) ;
        });
    </script>
@endsection