@extends('layouts.app')
@section('title')录入-临时工申请协调@endsection

@section('content')
    <div class="container-fluid d-none" id="list">
        @include('shared._messages')

        <div class="card col-md-8 offset-md-2">
            <div class="card-body">
                <!--
                   can_create_status
                   1 开放
                   2 禁止开放
                   3 临时开放
                -->
                @can('人事管理-临时工申请协调-录入-临时开放')
                    <form v-if="can_create_status === 2" action="{{ route('laborApply.temporaryOpen') }}" method="post"
                          accept-charset="UTF-8">
                        {{ csrf_field() }}
                        {{ method_field('PUT') }}
                        <div class="form-group">
                            <button type="submit" class="btn btn-outline-secondary btn-sm">
                                <i class="far fa-trash-alt"></i> 临时开放
                            </button>
                        </div>
                    </form>
                @endcan
                <h2 v-if="can_create_status === 2"
                    style="text-align: center;color: red;font-size: 28px">超过申请时间无法提交申请，联系管理员：152 2169 4191 , 173 1630
                    6907 </h2>
                <h2 v-if="can_create_status === 3"
                    style="text-align: center;color: red;font-size: 28px">系统临时开放，请尽快提交</h2>
                <form v-if="(can_create_status === 1) || (can_create_status === 3)"
                      action="{{ route('laborApply.store') }}" method="POST" accept-charset="UTF-8">
                    @csrf
                    @include('shared._error')
                    {{--仓库--}}
                    <div class="from-group row mt-3">
                        <label for="warehouse_id" class="col-2 col-form-label text-right">仓库</label>
                        <div class="col-8">
                            <select class="form-control" id="warehouse_id" name="warehouse_id" required>
                                <option value="" hidden disabled selected>请选择仓库</option>
                                @foreach($warehouses as $warehouse)
                                    <option value="{{$warehouse->id}}">{{ $warehouse->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    {{--所属组别--}}
                    <div class="from-group row mt-3">
                        <label for="user_workgroup_id" class="col-2 col-form-label text-right">所属组别</label>
                        <div class="col-8">
                            <select class="form-control" id="user_workgroup_id" name="user_workgroup_id" required>
                                <option value="" hidden disabled selected>请选择所属组别</option>
                                @foreach($userWorkGroups as $userWorkGroup)
                                    <option value="{{$userWorkGroup->id}}">{{ $userWorkGroup->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    {{--男工人数--}}
                    <div class="from-group row mt-3">
                        <label for="man_num" class="col-2 col-form-label text-right">男工人数</label>
                        <div class="col-8">
                            <input type="number" class="form-control" id="man_num" name="man_num" required>
                        </div>
                    </div>
                    {{--女工人数--}}
                    <div class="from-group row mt-3">
                        <label for="woman_num" class="col-2 col-form-label text-right">女工人数</label>
                        <div class="col-8">
                            <input type="number" class="form-control" id="woman_num" name="woman_num" required>
                        </div>
                    </div>
                    {{--用工要求--}}
                    <div class="from-group row mt-3">
                        <label for="remark" class="col-2 col-form-label text-right">用工要求</label>
                        <div class="col-8">
                            <textarea class="form-control" rows="3"
                                      placeholder
                                      name="remark" id="remark"></textarea>
                        </div>
                    </div>
                    {{--提交--}}
                    <div class="form-group row mt-5">
                        <div class="col-8 offset-2">
                            <input type="submit" class="btn btn-success form-control">
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('lastScript')
    <script>
        new Vue({
            el: "#list",
            data: {
                can_create_status: {!! $can_create_status !!}
            },
            mounted() {
                $('#list').removeClass('d-none');
            },

            methods: {}
        });
    </script>
@endsection