@extends('layouts.app')

@section('content')
    <div class="container-fluid mt-md-2 mt-xl-4">
        <div class="container">
            <div class="card_info d-flex justify-content-center col-12 col-md-12 col-lg-8 col-xl-8">
                <div class="card-body">
                    <h4 class="card-title bg-main-color text-white p-2 text-center position-relative">
                        領収書発行
                    </h4>
                    {{-- <picture>
                        <source srcset="{{ asset('img/top_toyohashi.png') }}" media="(max-width: 575px)">
                        <img style="width: 100%;" src="{{ asset('img/top_toyohashi.png') }}" alt="" />
                    </picture> --}}
                    @if ($receipt_user->receipt_flg != '1')
                        <div class="card-text mb-3 mb-sm-0 px-2 p-md-3">
                            <div class="text-danger">
                                <span class="material-icons align-middle">warning</span>
                                <span
                                    class="align-middle">この内容で領収書を発行してよろしいですか？</span>
                            </div>
                            <div>宛名: {{ $user->name_last }}{{ $user->name_first }}</div>
                            <div>
                                決済日：{{ \Carbon\Carbon::create($receipt_user->pay_date)->format('Y') }}年{{ \Carbon\Carbon::create($receipt_user->pay_date)->format('m') }}月{{ \Carbon\Carbon::create($receipt_user->pay_date)->format('d') }}日
                            </div>
                            <div>金額：{{ $receipt_user->pay_price }}円</div>
                            <div class="text-danger mt-2">
                                <span class="material-icons align-middle">warning</span>
                                <span class="align-middle">一度領収書を発行すると、その後のユーザー情報ページでの変更内容は領収書に反映されません。</span>
                            </div>
                            <div class="">内容に変更が必要な方は領収書ダウンロードボタンを押す前に、以下の「ユーザー情報ページへ」より変更してください。</div>
                            <div class="text-center mt-3 mt-md-5"><a class="btn btn-hover bg-main-color text-white px-3" href="{{ url('/users') }}">ユーザー情報ページへ（宛名を変更）</a></div>
                        </div>
                    @else
                        <div class="card-text mb-3 mb-sm-0 px-2 p-md-3">
                            一度ダウンロードされましたので、領収書の内容は変更できません。<br>
                            領収書の内容を変更の必要がある方は下記メールまでご連絡ください。<br>
                            <a href="mailto:{{ config('mail.mail_host') }}">
                                <span class="material-icons align-middle">email</span>
                                <span class="align-middle">{{ config('mail.mail_host') }}</span>
                            </a>
                        </div>
                    @endif
                    <form action="{{ url('downloadReceipt') }}" method="post" class="text-center">
                        @csrf
                        @method('POST')
                        <button type="submit" class="btn bg-sub-color btn-lg btn-hover text-white mb-5 px-5 py-3">領収書をダウンロード</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection