@extends('backend.layouts.app')

@section('content')
    @if(isset($is_confirm) && $is_confirm)
        @if(isset($params->id) && $params->id)
            <h2 class="title">過去作業【確認】</h2>
        @else
            <h2 class="title">過去作業【確認】</h2>
        @endif
    @else
        <h2 class="title">過去作業【閲覧】</h2>
        @include('backend.layouts.flash-message')
    @endif
    @if(isset($is_confirm) && $is_confirm)
        @if(isset($params->id) && $params->id)
            {{ Form::open(["route"=>"backend.{$department}.renovation.update", "method"=>"post", "id"=>"save_form"]) }}
        @else
            {{ Form::open(["route"=>"backend.{$department}.renovation.store", "method"=>"post", "id"=>"save_form"]) }}
        @endif
    @endif
    <table class="normal">
        <tr>
            <th>タイトル</th>
            <td>
                {{ (isset($params->title) ? $params->title : '') }}
            </td>
        </tr>
        <tr>
            <th>日付</th>
            <td>
                {{ (isset($params->registered_at) ? Carbon::parse($params->registered_at)->format('Y.m.d H:i') : '') }}
            </td>
        </tr>
        @foreach(range(0, 2) as $index)
            @php
                $path_field = 'current_image_path'.$index;
                $name_field = 'current_image_name'.$index;
                if($index == 0){
                    $file_path = (isset($params->last_image_path) ? $params->last_image_path : '');
                    $file_name = (isset($params->last_image_name) ? $params->last_image_name : '');
                } else {
                    $file_path = (isset($params->$path_field) ? $params->$path_field : '');
                    $file_name = (isset($params->$name_field) ? $params->$name_field : '');
                }
            @endphp
            <tr>
                <th>{{ $index == 0 ? '前の写真' : '後にの写真'.$index }}</th>
                <td>
                    @if (!empty($file_path) && Storage::disk('temp')->has($file_path))
                        <img    id="image_link_{{$index}}"
                                class="image_link"
                                src="{{ asset('storage/temp/').'/'.$file_path }}">
                    @elseif(isset($params->id) && !empty($file_path) && Storage::disk('renovation')->has($params->id.'/'.$file_path))
                        <img id="image_link_{{$index}}"
                             class="image_link"
                             src="{{ asset('storage/renovation').'/'.$params->id }}/{{ $file_path }}">
                    @endif
                </td>
            </tr>
        @endforeach
    </table>

        <div class="center-submit ">
        @if(isset($is_confirm) && $is_confirm)
            @if(isset($params->id) && $params->id)
                <input type="button" onclick='location.href="{{ route("backend.{$department}.renovation.edit", ['renovation'=>$params->id, 'is_confirm'=>1]) }}"' value="戻る">
                <input type="submit" value="更新">
            @else
                <input type="button" onclick='location.href="{{ route("backend.{$department}.renovation.create", ['is_confirm'=>1]) }}"' value="戻る">
                <input type="submit" value="登録">
            @endif
        @else
            <input type="button" onclick='location.href="{{ route("backend.{$department}.renovation.index", $return_params) }}"' value="一覧に戻る">
            <input type="button" onclick='location.href="{{ route("backend.{$department}.renovation.edit", ["renovation"=>$params->id]) }}"' value="編集">
        @endif
        </div>

    {{ Form::close() }}
@endsection

@section('page_css')
    <style>
        .image_link {
            width: 150px !important;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(function () {
            $(document).ready(function () {
                $('.image_link').click(function () {
                    if($(this).attr('src') != ''){
                        window.open($(this).attr('src'));
                    }
                })
            });
        });
    </script>
@endsection