@extends('print.template.a4-print-portrait')

@section('title', 'コンビニ払込用紙')

@section('head')
    @parent
    <link href="{{ resource_path('css/pdf-payment-slip.css') }}" rel="stylesheet">
@endsection

@section('body')
    @parent

    {{--払込取扱票--}}
    <div style="position: absolute; top: 199mm; left: 9mm; letter-spacing: 1.8mm; font-size: 10pt;">
        <div>コンビニ</div>
    </div>
    <div style="position: absolute; top: 199mm; left: 32mm; letter-spacing: 1.8mm">
        <div>で</div>
    </div>
    <div style="position: absolute; top: 199mm; left: 40mm; letter-spacing: 1.4mm">
        <div>お支払いください</div>
    </div>

    @php
        $price_with_pad = str_pad((int)$price, 8, ' ', STR_PAD_LEFT);
    @endphp
    <div style="position: absolute; top: 199mm; left: 81mm; font-size: 12pt;">{{ $price_with_pad[0] }}</div>
    <div style="position: absolute; top: 199mm; left: 86mm; font-size: 12pt;">{{ $price_with_pad[1] }}</div>
    <div style="position: absolute; top: 199mm; left: 91mm; font-size: 12pt;">{{ $price_with_pad[2] }}</div>
    <div style="position: absolute; top: 199mm; left: 96mm; font-size: 12pt;">{{ $price_with_pad[3] }}</div>
    <div style="position: absolute; top: 199mm; left: 101mm; font-size: 12pt;">{{ $price_with_pad[4] }}</div>
    <div style="position: absolute; top: 199mm; left: 106mm; font-size: 12pt;">{{ $price_with_pad[5] }}</div>
    <div style="position: absolute; top: 199mm; left: 111mm; font-size: 12pt;">{{ $price_with_pad[6] }}</div>
    <div style="position: absolute; top: 199mm; left: 116mm; font-size: 12pt;">{{ $price_with_pad[7] }}</div>

    <div style="position: absolute; top: 209mm; left: 10mm;">
        <div style="font-size: 8pt;">
            株式会社ペイジェント＜{{ $client_name }}＞
        </div>
    </div>
    <div style="position: absolute; top: 220mm; left: 10mm;">
        <div>住所等非表示払込書 (払込人住所は非表示にしております)</div>
    </div>
    <div style="position: absolute; top: 230mm; left: 10mm;">
        <div style="font-size: 10pt;">
            {{ $buyer_name }} 様
        </div>
    </div>
    <div style="position: absolute; top: 242mm; left: 53mm;">
        <div style="font-size: 7pt;">
            コード <span style="transform: scale(0.7, 1.0);">{{ $free_use_code }}</span>
        </div>
    </div>
    <div style="position: absolute; top: 250mm; left: 11mm;">
        <div style="padding-left: 2mm;">
            <div style="width: 54.92mm;">
                {!! $payment_code_image !!}
            </div>
        </div>
        <div style="padding-top: 1mm; font-size: 8pt;">{!! $payment_display_code !!}</div>
    </div>

    {{--振替払込請求書兼受領書--}}
    <div style="position: absolute; top: 199mm; left: 136.5mm; letter-spacing: 2mm">
        <div>コンビニで</div>
    </div>
    <div style="position: absolute; top: 210mm; left: 136.5mm; letter-spacing: 1.9mm">
        <div>お支払いください</div>
    </div>
    <div style="position: absolute; top: 216mm; left: 136.5mm;">
        <div>株式会社ペイジェント<br>＜株式会社谷口＞</div>
    </div>

    <div style="position: absolute; top: 230mm; left: 137.5mm; font-size: 12pt;">{{ $price_with_pad[0] }}</div>
    <div style="position: absolute; top: 230mm; left: 142.5mm; font-size: 12pt;">{{ $price_with_pad[1] }}</div>
    <div style="position: absolute; top: 230mm; left: 147.5mm; font-size: 12pt;">{{ $price_with_pad[2] }}</div>
    <div style="position: absolute; top: 230mm; left: 152.5mm; font-size: 12pt;">{{ $price_with_pad[3] }}</div>
    <div style="position: absolute; top: 230mm; left: 157.5mm; font-size: 12pt;">{{ $price_with_pad[4] }}</div>
    <div style="position: absolute; top: 230mm; left: 162.5mm; font-size: 12pt;">{{ $price_with_pad[5] }}</div>
    <div style="position: absolute; top: 230mm; left: 167.5mm; font-size: 12pt;">{{ $price_with_pad[6] }}</div>
    <div style="position: absolute; top: 230mm; left: 172.5mm; font-size: 12pt;">{{ $price_with_pad[7] }}</div>

    <div style="position: absolute; top: 240mm; left: 136.5mm; width: 40mm">
        <div style="font-size: 8pt;">
            住所等非表示払込書<br>(払込人住所は非表示にしております)
        </div>
        <div style="font-size: 10pt;">
            {{ $buyer_name }} 様
        </div>
        <div style="font-size: 7pt;">
            コード <span style="transform: scale(0.7, 1.0);">{{ $free_use_code }}</span>
        </div>
    </div>

    {{--払込受領書--}}
    <div style="position: absolute; top: 195mm; left: 181mm; width: 24mm; font-size: 8pt;">
        {{ $buyer_name }} 様
    </div>

    <div style="position: absolute; top: 215mm; left: 181mm; width: 27mm;">
        <div style="font-size: 6pt;">
            コード<br>{{ $free_use_code }}
        </div>
    </div>

    <div style="position: absolute; top: 230mm; left: 181mm; width: 27mm;">
        <div style="font-size: 7pt;">
            {{ number_format($price) }}円<br><span style="font-size: 6pt;">(内消費税{{ number_format($tax_price) }}円)</span>
        </div>
    </div>

    <div style="position: absolute; top: 242mm; left: 181mm; width: 27mm;">
        <div style="font-size: 7pt;">
            <div>株式会社ペイジェント<br>＜株式会社谷口＞</div>
            <div style="margin-top: 2mm;">
                TEL: 03-3882-0600
            </div>
        </div>
    </div>

@endsection