<form role="form" id="form-add-spend">
    {!! csrf_field() !!}
    <div class="form-body">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Chọn nhà</label>
                    <select class="form-control" name="hostel_id" id="hostel_id" data-type="spend">
                        @php
                            $hostelArrs = \App\Models\Hostel::where('owner_id', auth('backend')->user()->id)->pluck('id')->toArray();

                            if(auth('backend')->user()->type == \App\User::STAFF)
	    {
		    $hostelArrs = \App\Components\Functions::getHostelArrStaff();
	    }

                            $hostels = \App\Models\Hostel::whereIn('id', $hostelArrs)->get();

                        @endphp

                        <option value="">Vui lòng chọn</option>
                        @foreach($hostels as $hostel)
                            <option value="{{ $hostel->id }}"> {{ $hostel->name }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Chọn phòng</label>
                    <select class="form-control" name="room_id" id="room_id">

                    </select>
                </div>
            </div>
        </div>
        <div class="row">

            <div class="col-md-6">
                <div class="form-group">
                    <label>Lý do chi <span class="required" aria-required="true"> (*) </span></label>
                    <input class="form-control" name="name" type="text">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Ngày chi <span class="required" aria-required="true"> (*) </span></label>
                    <input class="form-control datepicker" name="date_action" type="text"
                           value="{{ \Carbon\Carbon::now()->format('d/m/Y') }}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Số tiền <span class="required" aria-required="true"> (*) </span></label>
                    <input class="form-control price-r" name="amount" type="text">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Người nhận <span class="required" aria-required="true"> (*) </span></label>
                    <input class="form-control" name="receiver" type="text" id="receiver">
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label>Loại chi</label>
                    {{--<input class="form-control" id="orther_type_purpose" name ="orther_type_purpose" style="display: none" placeholder="Nhập loại chi">--}}
                    <select class="form-control" id="type_purpose" name="type_purpose">
                        @foreach($type_spend as $type)
                            <option value="{{$type->id}}">{{$type->name}}</option>
                        @endforeach
                        {{--<option value="">Khác...</option>--}}
                    </select>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label>Hình thức chi <span class="required" aria-required="true"> (*) </span></label>
                    <select class="form-control" name="payment_method">

                        <option value="{{ \App\Models\CollectSpend::MONEY }}">Tiền mặt</option>
                        <option value="{{ \App\Models\CollectSpend::SPEND }}">Chuyển khoản</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label>Ghi chú</label>
                    <input class="form-control" name="note" type="text">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label>Đính kèm file</label>
                    <input type="file" multiple name="files[]">
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div class="form-group">
                    <label>Lặp lại mỗi</label>
                    <select class="form-control" name="repeat_every" id="repeat_every">
                        <option value="">Không áp dụng lặp lại</option>
                        @foreach(\App\Models\CollectSpendCycle::REPEAT_EVERY as $key => $value)
                            <option value="{{ $key }}">{{ $value }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>
        <div class="row" id="repeat-custom" style="display: none">
            <div class="col-md-6">
                <div class="form-group">
                    <input type="number" class="form-control" name="repeat_every_custom" value="0">
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <select type="number" class="form-control" name="repeat_type_custom">
                        <option value="1">Ngày</option>
                        <option value="2">Tuần</option>
                        <option value="3">Tháng</option>
                        <option value="4">Năm</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row" style="display: none" id="cycles-row">
            <div class="col-md-12">
                <label>Số lần lặp lại</label>
                <div class="input-group">
                    <input type="number" class="form-control" disabled="" id="cycles" name="cycles" value="0">
                    <span class="input-group-addon">
                        <input type="checkbox" checked="" name="unlimited_cycles" id="unlimited_cycles"> Lặp vô hạn

                        </span>
                </div>
            </div>
        </div>


    </div>
</form>

<script>
    // $('#type_purpose').on('change', function () {
    //     var orther = $('#type_purpose').val()
    //     if(orther==0||orther==null){
    //         $('#orther_type_purpose').css('display', 'block');
    //         $('#orther_type_purpose').focus();
    //     }else{
    //         $('#orther_type_purpose').css('display', 'none')
    //     }
    // })
</script>