@extends('backend.layouts.app')

@section('title')
請求支払管理表　編集
@endsection

@section('content')

<h2 class="title">請求支払管理表【編集】</h2>
@include('backend.layouts.flash-message')
<form action="{{ route("backend.{$department}.paymanage.table_update") }}" method="post">
    @csrf
    <table class="normal type3">
        <tr>
            <th>回数</th>
            <th>請求日<span class="require">※</span></th>
            <th>請求金額<span class="require">※</span></th>
            <th>支払日<span class="require">※</span></th>
            <th>支払金額<span class="require">※</span></th>
        </tr>

        @foreach ($paymanages as $paymanage)
        <tr>
            @php $nop = $paymanage->number_of_payments @endphp
            <td>{{ $nop }}回</td>
            <td><input type="text" name="items[{{ $nop }}][billng_date]" id="billng_date_{{ $nop }}" value="{{ date('Y-m-d', strtotime($paymanage->billng_date)) }}" class="input-text datepicker" readonly></td>
            <td><input type="text" name="items[{{ $nop }}][amount]" id="amount_{{ $nop }}" value="{{ $paymanage->amount }}" class="input-text input-comma">円</td>
            <td><input type="text" name="items[{{ $nop }}][payment_date]" id="payment_date_{{ $nop }}" value="{{ date('Y-m-d', strtotime($paymanage->payment_date)) }}" class="input-text datepicker" readonly></td>
            <td><input type="text" name="items[{{ $nop }}][payment]" id="payment_{{ $nop }}" value="{{ $paymanage->payment }}" class="input-text input-comma">円</td>
            <input type="hidden" name="items[{{ $nop }}][lease_payment_management_id]" value="{{ $paymanage->id }}">
            <input type="hidden" name="items[{{ $nop }}][number_of_payments]" value="{{ $nop }}">
        </tr>
        @endforeach
    </table>

    <div class="center-submit">
        <input type="submit" value="更新">
    </div>
</form>

@endsection

@section('page_css')
    <link href="{{ asset('vendor/jquery-ui/jquery-ui.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
    <style>
        input[type=text]{
            width: 80%;
            margin-right: 10px;
        }
    </style>
@endsection

@section('page_js')
    <script src="{{ asset('vendor/jquery-ui/jquery-ui.min.js') }}"></script>
    <script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script src="{{ asset('assets/backend/js/page/payment.js') }}"></script>
@endsection