{{ Form::bsBoxOpen() }}
    {{ Form::bsText('Tên khách hàng','fullname') }}
    {{ Form::bsText('Số điện thoại','phone') }}
    {{ Form::bsText('Email','email') }}
    {{ Form::bsRadio('Giới tính','gender',['male' => 'Nam', 'female' => 'Nữ'], 'male') }}
    {{ Form::bsSelect('Tỉnh / thành phố','province',['' => 'Chọn tỉnh / thành phố'], '', ['id' => 'province']) }}
    {{ Form::bsSelect('Quận / huyện','district',['' => 'Chọn quận / huyện'], '', ['id' => 'district']) }}
    {{ Form::bsText('Địa chỉ','address') }}
{{ Form::bsBoxClose() }}

<script>
	$(document).ready(function () {
		$.ajax({
            type: "GET",
            url: '/api/province',
            success: function (response) {
                $.each(response, function (index, value) {
                    var option = document.createElement("option");
                    option.setAttribute('data-id', value.id);
                    option.text = value.name;
                    option.value = value.name;

                    $('#province').append(option);
                });
            },
        });
		$('#province').change(function () {
            $('#district').find('option:not(:first)').remove();
            var data = {
            	'province_id' : $(this).find(':selected').data('id')
            };

            $.ajax({
                type: "GET",
                url: '/api/province/distrist',
                data: data,
                success: function (response) {
                    $.each(response, function (index, value) {
                        var option = document.createElement("option");
                        option.text = value.name;
                        option.value = value.name;
                        $('#district').append(option);
                    });
                },
            });
        });
	});
</script>