@extends('backend.layouts.app')

@section('content')

    <h2 class="title">請求情報一覧</h2>
    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        @include('backend.layouts.flash-message')
        <form action="{{ route("backend.{$department}.bill.index") }}" method="post">
            @csrf
            <div class="table-search_wrap">
                <table class="search">
                    <tr>
                        <th>件名</th>
                        <td>
                            <input type="text" name="bill_title" value="{{ isset($search_param['bill_title']) ? $search_param['bill_title'] : "" }}" class="input-text">
                        </td>
                    </tr>
                    <tr>
                        <th>請求支払登録日</th>
                        <td>
                            <div class="calendar-wrap2">
                                <label for="">
                                <input type="text" name="start_time" class="datepicker" autocomplete="off" value="{{ isset($search_param['start_time']) ? $search_param['start_time'] : "" }}">
                                </label>
                                <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                                <span>〜</span>
                                <label for="">
                                <input type="text" name="finish_time" class="datepicker" autocomplete="off" value="{{ isset($search_param['finish_time']) ? $search_param['finish_time'] : "" }}">
                                </label>
                                <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th>請求/支払先</th>
                        <td>
                            <div class="input_code">
                                <input type="text" name="billing_dest" value="{{ isset($search_param['billing_dest']) ? $search_param['billing_dest'] : "" }}">
                                <input type="text" name="" value="">
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="center-submit center">
                <input type="submit" value="検索">
            </div>
        </form>
    </div>
    <div class="hscroll mt40">
        {{ $params->links('vendor.pagination.admin-pagination') }}
        <table class="normal type3">
            <thead>
                <tr>
                    <th>操作</th>
                    <th>種別</th>
                    <th>請求先</th>
                    <th>登録日</th>
                    <th>件名</th>
                    <th>請求金額合計</th>
                    <th>請求書出力</th>
                    <th>入金処理</th>
                    <th>領収書</th>
                </tr>
            </thead>
            <tbody>
                @if ($params->count() > 0)
                    @foreach ($params as $param)
                    <tr>
                        <td><a href="{{ route("backend.{$department}.bill.edit", ['id'=>$param->id]) }}">編集</a></td>
                        <td>
                            @foreach ($param->addition as $addition)
                                {{ $addition->bill_kind }}
                                @if (!$loop->last)
                                    ,
                                @endif
                            @endforeach
                        </td>
                        <td>{{ $param->billing_dest }}</td>
                        <td>{{ Carbon::parse($param->registered_at)->format('Y.m.d') }}</td>
                        <td>{{ $param->bill_title }}</td>
                        <td>{{ number_format($param->total_price)."円" }}</td>
                        <td><a href="#">出力する</a></td>
                        <td>
                            <div class="checkbox-wrap in_table">
                            <input type="checkbox" name="bill_status" id="{{'check'.$loop->index}}" class="check-status"
                                    value="{{ $param->id }}"
                                    {{ $param->bill_status == config('const.bill_status_code.paid') ? "checked" : "" }}>
                            <label for="{{'check'.$loop->index}}">入金済み</label>
                            <form action="{{ route("backend.{$department}.bill.paid") }}" method="post" id="{{ "paid_form_".$param->id }}">
                                @csrf
                                <input type="hidden" name="bill_id" value="{{ $param->id }}">
                                <input type="hidden" name="bill_status" id="{{"bill_status_".$param->id}}" value="{{ $param->bill_status }}">
                            </form>
                        </div>
                        </td>
                        <td><a class="modal_btn" data-target="detail1">出力</a></td>
                    </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="9">請求情報データが存在しません。</td>
                    </tr>
                @endif
            </tbody>
        </table>
        {{ $params->links('vendor.pagination.admin-pagination') }}
    </div>
    @include('backend.share._modal._bill')
    <div id="dialog-confirm" title="test" style="display:none">
        <p>
            <span class="ui-icon ui-icon-alert" style="float:left; margin:12px 12px 20px 0;"></span>
            <span id="confirm_text">These items will be permanently deleted and cannot be recovered. Are you sure?</span>
        </p>
    </div>
    
@endsection

@section('page_css')
    <link href="{{ asset('vendor/jquery-ui/jquery-ui.min.css') }}" rel="stylesheet">
    <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">
@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('vendor/ajaxupload/jquery.ajaxupload.js') }}"></script>
    <script src="{{ asset('assets/backend/js/helper.js') }}"></script>
    <script src="{{ asset('assets/backend/js/page/bill.js') }}"></script>
    <script>
        $(document).ready(function(){
            $('.check-status').click(function(e) {
                e.preventDefault();
                var bill_id = $(this).val();
                var bill_status = $("#bill_status_" + bill_id).val();
                var text_str = "未入金状態に変更します。<br />よろしいですか？"
                if(bill_status == 1){
                    text_str = "入金済み状態に変更します。<br />よろしいですか？"
                }

                helper_confirm("dialog-confirm", "変更", text_str, 300, "確認", "閉じる", function(){
                    var frm_id = "#paid_form_" + bill_id;
                    $(frm_id).submit();
                });
            });
        });
    </script>
@endsection