@extends('backend.layouts.app')

@section('content')

    <h2 class="title f-left">商品マスタ一覧</h2>
    <p class="add_fieldbtn f-right"><a href="{{ route("backend.moritis.product.create") }}">新規商品登録</a></p>
    <div class="clearfix"></div>
    @include('backend.layouts.flash-message')
    {{ Form::open(["route"=>"backend.{$department}.product.index", "method"=>"get"]) }}
    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        <div class="table-search_wrap">
            <table class="search">
                <tr>
                    <td>
                        <div class="radiobtn-wrap">
                            <input type="radio" name="search_params[check_type]" id="on1" value="{{ config('const.moritis_product_search_type.code') }}" checked="">
                            <label for="on1" class="switch-on">商品コード</label>
                            <input type="radio" name="search_params[check_type]" id="on2" value="{{ config('const.moritis_product_search_type.name') }}" {{ ((isset($search_params['check_type']) ? $search_params['check_type'] : config('const.moritis_product_search_type.code')) == config('const.moritis_product_search_type.name')) ? 'checked' : '' }}>
                            <label for="on2" class="switch-off">商品名称</label>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="input_code">
                            <input type="text" name="search_params[product_code]" value="{{ isset($search_params['product_code']) ? $search_params['product_code'] : '' }}" placeholder="コード">
                            <input type="text" style="display: none" name="search_params[name]" value="{{ isset($search_params['name']) ? $search_params['name'] : '' }}" placeholder="名称">
                            {{-- <buttontype="button"name="button"class="button">参照</button> --}}
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="calendar-wrap2">
                            <label for="" style="width: 250px">
                                <input type="text" name="search_params[start_time]" value="{{ isset($search_params['start_time']) ? $search_params['start_time'] : '' }}" class="datepicker">
                            </label>
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                            <span>〜</span>
                            <label for="" style="width: 250px">
                                <input type="text" name="search_params[end_time]" class="datepicker" value="{{ isset($search_params['end_time']) ? $search_params['end_time'] : '' }}">
                            </label>
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <div class="center-submit t_center">
            <input type="submit" value="検索する">
        </div>
    </div>
    {{ Form::close() }}

    <div class="on_table_area">
        <p class="add_fieldbtn orange non-icon mb0 f-left"><a id="check_all">一括で確認</a></p>
    </div>
    {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
    {{ Form::open(["route"=>"backend.{$department}.product.check", "method"=>"post", "id"=>"confirm_form"]) }}
    <table class="normal type3">
        <thead>
            <tr>
                <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 class="w30">
                        <div class="checkbtn-wrap">
                            <input type="checkbox" name="product_id[]" id="check1{{ $param->id }}" class="product-check" value="{{ $param->id }}" {{ $param->product_status == config('const.moritis_product_status_code.confirm') ? 'checked' : '' }}>
                            <label for="check1{{ $param->id }}" class="check_label"></label>
                        </div>
                    </td>
                    <td>
                        @if ($param->product_status != config('const.moritis_product_status_code.confirm'))
                            <p><a href="{{ route("backend.{$department}.product.edit", ['id'=>$param->id]) }}">編集</a></p>
                            <p>
                                <a data-href="{{ route("backend.moritis.product.delete", ["product"=>$param->id]) }}" class="delete_product" data-id="delete_form_{{ $param->id }}">削除</a>
                            </p>
                        @endif
                    </td>
                    <td>{{ $param->product_code }}</td>
                    <td>{{ $param->name }}</td>
                    <td>{{ is_object($param->obj_class) ? $param->obj_class->name : '' }}</td>
                    <td>{{ $param->category_id == \App\Models\Masters\MoritisProductCategory::CATEGORY_ETC ? $param->category_etc : (is_object($param->obj_category) ? $param->obj_category->name : '') }}</td>
                    <td>{{$param->store_location }}</td>
                    <td>{{ number_format($param->stock_amount) }}</td>
                    {{--<td>{{ $param->use_amount ? number_format($param->use_amount).'円'  : ''}}</td>--}}
                </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="8">商品データが存在しません。</td>
                </tr>
            @endif
        </tbody>
    </table>
    {{ Form::close() }}
    {{ $params->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
    <div class="center-submit t_center">
        <button type="button" name="button">エクセル出力</button>
    </div>
    {{ Form::open(["method"=>"delete", "id"=>"delete_form"]) }}
    {{ Form::close() }}
@endsection

@section('page_css')

    <link href="{{ asset('vendor/select2/css/select2.min.css') }}" rel="stylesheet">
    <link href="{{ asset('vendor/datetimepicker/jquery.datetimepicker.css') }}" rel="stylesheet">
    <style>
        .delete_product {
            cursor: pointer;
        }
    </style>
@endsection

@section('page_js')

    <script src="{{ asset('vendor/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('vendor/jquery-ui/i18n/datepicker-ja.js') }}"></script>
    <script>
        $(document).ready(function(){
            $("#check_all").click(function(e){
                e.preventDefault();
                $("#confirm_form").submit()
            });

            $('.delete_product').click(function (e) {
                let url = $(this).data('href');
                helper_confirm("dialog-confirm", "削除", "商品を削除します。<br />よろしいですか？", 300, "確認", "閉じる", function(){
                    $("#delete_form").attr('action', url).submit();
                }) ;
            });
            if($('input[name="search_params[check_type]"]:checked').val() == "{{ config('const.moritis_product_search_type.code') }}"){
                $('input[name="search_params[product_code]"]').css('display', 'block');
                $('input[name="search_params[name]"]').css('display', 'none');
                $('input[name="search_params[name]"]').val('');
            } else {
                $('input[name="search_params[name]"]').css('display', 'block');
                $('input[name="search_params[product_code]"]').css('display', 'none');
                $('input[name="search_params[product_code]"]').val('');
            }
            $('input[name="search_params[check_type]"]').click(function () {
                if($('input[name="search_params[check_type]"]:checked').val() == "{{ config('const.moritis_product_search_type.code') }}"){
                    $('input[name="search_params[product_code]"]').css('display', 'block');
                    $('input[name="search_params[name]"]').css('display', 'none');
                    $('input[name="search_params[name]"]').val('');
                } else {
                    $('input[name="search_params[name]"]').css('display', 'block');
                    $('input[name="search_params[product_code]"]').css('display', 'none');
                    $('input[name="search_params[product_code]"]').val('');
                }
            })
        });
    </script>
@endsection