@extends('user.layouts.app')

@section('title', '売却書類メール送信')

@section('header')
    <p><a href="{{ route('user.my_account.index') }}">＜</a></p>
    <h1 id="title">売却書類メール送信<a class="question-mark modal-open" data-target="use_flow"><img src="{{ asset('assets/user/img/question_mark.png') }}"></a></h1>
@endsection

@section('content')
    <main>
        <div id="wrapper" class="contents">
            @foreach(config('const.document_main_category') as $key => $title)
                <div>
                    <h2 class="title2">{{ $title }}</h2>
                    <table class="table2">
                        @foreach(config('const.'.(config("const.document_main_category_name.".$key)).'_document_sub_category') as $sub_key => $sub_title)
                            <tr>
                                <th>{{ $sub_title }}</th>
                                <td>
                                    <span class="download">
                                        @if(isset($documents[$key][$sub_key]) && !empty($documents[$key][$sub_key]->file_path) && Storage::disk('document')->has($documents[$key][$sub_key]->id.'/'.$documents[$key][$sub_key]->file_path))
                                            @unless($sub_key == config('const.erase_document_sub_category_code.purchase_contract'))
                                            <a class="send-doc-btn" data-doc_title="{{ $sub_title }}" data-id="{{ $documents[$key][$sub_key]->id }}">書式をメールで送信</a>
                                            @endunless
                                        @endif
                                    </span>
                                </td>
                            </tr>
                        @endforeach
                    </table>
                </div>
            @endforeach
        </div>
    </main>
@endsection

@section('page_js')
    <script>
        $(document).ready(function () {
            $('a.send-doc-btn').click(function (e) {
                e.preventDefault();
                var doc_title = $(this).data('doc_title');
                var document_id = $(this).data('id');
                var cfm = confirm("【" + doc_title + "】ファイルをメールで送信します。");
                if (cfm == true) {
                    $.ajax({
                        type: "post",
                        url : "{{ route("user.my_account.send_document") }}",
                        data: {
                            'document': document_id,
                            _token: "{{ csrf_token() }}",
                        },
                        success: function(response) {
                            console.log(response.result);
                            return false;
                        }
                    });
                }
            });
        });
    </script>
@endsection

@section('page_css')
    <style>
        span.download a {
            color: #EC1C24 !important
        }
    </style>
@endsection