@extends('admin2')

@section('styles')

@endsection

@section('content')

    @if (session()->has('error'))
        <div class="alert alert-danger">{{ session()->get('error') }}</div>
    @endif
    @if (session()->has('success'))
        <div class="alert alert-success">{{ session()->get('success') }}</div>
    @endif
    @if (session()->has('success_coupon'))
        {!!  session()->get('success_coupon') !!}
    @endif
    @if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    <div class="row">
        <div class="col-md-4">
            <!-- BEGIN SAMPLE FORM PORTLET-->
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-red-sunglo">
                        <i class="icon-settings font-red-sunglo"></i>
                        <span class="caption-subject bold uppercase">Cập nhật hotline</span>
                    </div>
                </div>
                <div class="portlet-body form">
                    <form role="form" action="{{ url('admin2/setting/hotline/update') }}" method="POST"
                          enctype="multipart/form-data">
                        {!! csrf_field() !!}
                        <div class="form-body">
                            <div class="form-group">
                                <label>Chọn nhà</label>

                                <select class="form-control" name="hostel_id" id="hostel_id">
                                    <option value="" data-user-id="">Vui lòng chọn</option>
                                    @foreach($hostels as $hostel)
                                        <option data-user-id="{{ $hostel->user_hotline }}"
                                                value="{{ $hostel->id }}"> {{ $hostel->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Chọn người nhận hotline</label>

                                <select class="form-control" name="user_id" id="user_id">
                                    @foreach($users as $user)
                                        <option value="{{ $user->id }}"> {{ $user->name_text }}</option>
                                    @endforeach
                                </select>
                            </div>
                            {{--<div class="clearfix margin-top-10">--}}
                            {{--<span class="label label-danger">NOTE!</span> Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead. </div>--}}

                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn blue">Áp dụng</button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>

@endsection

@push('scripts')

<script>

    $('.ckeditor').ckeditor({
        height: '500px'
    });

    $(document).on('change', '#hostel_id', function (e) {

        var user_hotline = $('option:selected', this).attr('data-user-id');
        if (user_hotline != '') {
            $('#user_id').val(user_hotline);
        }

        get_users($(this).val());

    });

    function get_users(hostel_id) {
        $.ajax({
            url: '{{ url('admin2/setting/hotline/staffs') }}',
            type: 'get',
            data: {
                hostel_id: hostel_id
            },
            success: function (response) {
                $('#user_id').html(response.data);
            }
        });
    }

</script>

@endpush