@extends('user.layouts.app')

@section('title', '買取見積書')

@section('header')
    <p><a href="javascript:history.back()">＜</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>
        @include('user.layouts.flash-message')
       {{-- <div class="estimate-total">
            <p>お見積金額<span>{{ number_format($vehicle->estimate_price) }}</span>円(税別)<i>期限：{{ Carbon::parse($vehicle->created_at)->addDays(7)->format('Y/m/d') }}</i></p>
        </div>--}}
        <div id="wrapper-gray" class="contents">
            @if(Storage::disk('vehicles')->has($vehicle->id.'/estimate/'.$vehicle->manage_no.'_買取見積書.pdf'))
                {{--<a href="{{ asset("storage/vehicles/{$vehicle->id}/estimate/{$vehicle->manage_no}_買取見積書.pdf") }}?spd"><span>買取見積書PDFダウンロード</span></a>--}}
                {{--@if(Browser::isAndroid() || Browser::isMac())
                    <p class="pdf-btn send-doc-btn" data-doc_title="買取見積書"><a href="#"><span>買取見積書送信</span></a></p>
                @else
                    <p class="pdf-btn sp-download-btn"><a href="{{ asset("storage/vehicles/{$vehicle->id}/estimate/{$vehicle->manage_no}_買取見積書.pdf") }}?spd" target="_blank"><span>買取見積書PDFダウンロード</span></a></p>
                @endif--}}

                <p class="pdf-btn send-doc-btn" data-doc_title="買取見積書"><a href="#"><span>買取見積書送信</span></a></p>

                <p class="estimate-paper">
                    {{--<embed src="https://docs.google.com/viewer?url={{ asset("storage/vehicles/{$vehicle->id}/estimate/{$vehicle->manage_no}_買取見積書.pdf") }}&embedded=true">
                    <iframe />--}}
                    {{--<embed id="preview_pdf" src="https://docs.google.com/viewer?url={{ asset("storage/vehicles/{$vehicle->id}/estimate/{$vehicle->manage_no}_買取見積書.pdf") }}&embedded=true">--}}

                    <iframe src="{{ URL::to('/pdfjs/web/index.php?file=').asset("storage/vehicles/{$vehicle->id}/estimate/{$vehicle->manage_no}_買取見積書.pdf") }}"></iframe>
                </p>
            @endif
        </div>

    </main>
@endsection

@section('page_css')
   <style>
       .estimate-paper iframe {
           width: 100%;
       }
       /*div.ndfHFb-c4YZDc-Wrql6b {
           display: none !important;
           width: 0px !important;
       }
       #wrapper-gray {
           position: relative;
       }
       .pdf-btn {
           position: absolute;
           top: 50%;
           width: calc(100% - 30px);
       }*/
       .pdf-btn {
           margin-bottom: 10px;
       }
       @media only screen and (max-width: 736px) {
           .modal-wrap {
               padding: 20px;
           }
           .modal-wrap .cancel-send-btn {
               width: 70%;
               margin: 0 auto;
           }
       }
   </style>
@endsection

@section('page_js')
    <script>
        $(document).ready(function () {
                $(".estimate-paper iframe").css('height', $(window).height() +'px');
                $( window ).resize(function() {
                    $(".estimate-paper iframe").css('height', $(window).height()　+'px');
                });
                $('input[name="cancel_reason"]').click(function () {
                    if($('input[name="cancel_reason"]:checked').val() == "{{ config('const.contract_cancel_reason_code.other') }}") {
                        $('textarea[name="cancel_reason_etc"]').prop('disabled', false);
                    } else {
                        $('textarea[name="cancel_reason_etc"]').prop('disabled', true);
                    }
                });

                if($('input[name="cancel_reason"]:checked').val() == "{{ config('const.contract_cancel_reason_code.other') }}") {
                    $('textarea[name="cancel_reason_etc"]').prop('disabled', false);
                } else {
                    $('textarea[name="cancel_reason_etc"]').prop('disabled', true);
                }


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