@extends('backend.layouts.app')

@section('content')

    <h2 class="title f-left">在庫一覧</h2>
    <p class="add_fieldbtn f-right"><a class="modal_btn" id="show_register_modal" data-target="stock_out_register">出庫登録</a></p>
    <div class="clearfix"></div>

    {{ Form::open(['route' => "backend.{$department}.stock.stock", 'id' => 'stock-out-form', 'name' => 'stock-out-form', 'method' => 'GET']) }}
    <div class="search_wrap">
        <h3 class="search_title">検索条件</h3>
        <div class="table-search_wrap">
            <table class="search">
                <tr>
                    <th style="width: 10%; vertical-align: middle;">月別</th>
                    <td>
                        <div class="select-wrap">
                            <label>
                                <select name="search_params[period_month]">
                                    @foreach(range(1,12) as $index)
                                        <option value="{{ $index }}" {{ (isset($search_params['period_month']) ? $search_params['period_month'] : "") == $index ? "selected" : "" }}>{{ $index }}月</option>
                                    @endforeach
                                </select>
                            </label>
                        </div>
                    </td>
                    <th style="width: 10%; vertical-align: middle;">期間指定</th>
                    <td>
                        <div class="calendar-wrap2">
                            <label for="">
                            <input type="text" class="datepicker" name="search_params[period_from]" value="{{ isset($search_params['period_from']) ? $search_params['period_from'] : "" }}" autocomplete="off">
                            </label>
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                            <span>〜</span>
                            <label for="">
                            <input type="text" class="datepicker" name="search_params[period_to]" value="{{ isset($search_params['period_to']) ? $search_params['period_to'] : "" }}" autocomplete="off">
                            </label>
                            <span><img src="{{ asset('assets/backend/img/calender.png') }}" alt=""></span>
                        </div>
                    </td>
                    <td>
                        <div class="center-submit center">
                            <input type="submit" value="検索">
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div class="checkbox-wrap">
        <input type="checkbox" name="with_expectation" id="include_exp_vehicle" value="1" {{ $with_expectation ? "checked" : '' }}>
        <label for="include_exp_vehicle">予定在庫含む</label>
    </div>
    {{ Form::close() }}

    {{ Form::open(['route' => "backend.{$department}.stock.confirm_out", 'id' => 'stock-out-form', 'name' => 'stock-out-form', 'method' => 'POST']) }}
    <div class="center-submit">
        <input class="alert" type="submit" value="決定">
        <input class="alert" type="submit" value="excelダウンロード">
    </div>

    {{--<div class="hscroll">
        <div class="table-date mt20">
            <p class="date-first"><a href="#">前月</a></p>
            <p class="date-center">2018年8月</p>
            <p class="date-last"><a href="#">翌月</a></p>
        </div>
    </div>--}}

    <div class="hscroll">
        {{ $stock_vehicles->appends(['search_params'=>$search_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 ($stock_vehicles->count() > 0)
                @foreach($stock_vehicles as $vehicle)
                    <tr>
                        <td>
                            @if($vehicle->stock_out_id)
                                <input type="checkbox" class="check-one" name="stock_out_ids[]" id="stock_out_id_{{ $vehicle->stock_out_id }}" value="{{ $vehicle->stock_out_id }}">
                                <label for="stock_out_id_{{ $vehicle->stock_out_id }}" class="check_label"></label>
                            @endif
                        </td>
                        <td>{{ $vehicle->out_exp_date ? Carbon::parse($vehicle->out_exp_date)->format('Y.m.d') : '' }}</td>
                        <td>{{ $vehicle->out_date ? Carbon::parse($vehicle->out_date	)->format('Y.m.d') : '' }}</td>
                        <td>{{ $vehicle->chassis_no }}</td>
                        <td>{{ $vehicle->vehicle_shape }}</td>
                        <td>{{ $vehicle->carryin_dest }}</td>
                        <td>{{ $vehicle->carryout_company }}</td>
                        <td>{{ $vehicle->stock_out_place }}</td>
                        <td class="text-wrap text-left">{{ $vehicle->carryout_note }}</td>
                    </tr>
                @endforeach
            @else
                <tr>
                    <td colspan="10">在庫データが存在しません。</td>
                </tr>
            @endif
            </tbody>
        </table>
        {{ $stock_vehicles->appends(['search_params'=>$search_params])->links('vendor.pagination.admin-pagination') }}
        <div class="center-submit">
            <input class="alert" type="submit" value="決定">
            <input class="alert" type="button" value="excelダウンロード">
        </div>
    </div>
    {{ Form::close() }}

    @include('backend.share.stock._m_out_register')

@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">
@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 src="{{ asset('assets/backend/js/page/stock.js') }}"></script>
    <script>
        $(document).ready(function () {
            @if($errors->any())
                $('#show_register_modal').click();
            @endif

            $('#include_exp_vehicle').click(function (e) {

                $("#stock-out-form").submit();
                /*if($(this).prop("checked") == true){
                    location.href = "{{ route("backend.{$department}.stock.stock", ['with_expectation'=>1, 'search_params'=> $search_params]) }}";
                } else {
                    location.href = "{{ route("backend.{$department}.stock.stock", ['with_expectation'=>0, 'search_params'=> $search_params]) }}";
                }*/

                return true;
            });
        });
    </script>
@endsection