<form role="form" id="form-add-spend">
    <?php echo 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();

                        ?>

                        <option value="">Vui lòng chọn</option>
                        <?php $__currentLoopData = $hostels; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $hostel): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($hostel->id); ?>"> <?php echo e($hostel->name); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </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="<?php echo e(\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>
                    
                    <select class="form-control" id="type_purpose" name="type_purpose">
                        <?php $__currentLoopData = $type_spend; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($type->id); ?>"><?php echo e($type->name); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        
                    </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="<?php echo e(\App\Models\CollectSpend::MONEY); ?>">Tiền mặt</option>
                        <option value="<?php echo e(\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>
                        <?php $__currentLoopData = \App\Models\CollectSpendCycle::REPEAT_EVERY; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <option value="<?php echo e($key); ?>"><?php echo e($value); ?></option>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </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>