1#@!#!123s

: / home / tattooscyy / test / resources / views / manager / includes /
Filename : client_form.blade.php
back
<form class="form-horizontal" method="post">
    <div class="modal-body">
        {!! csrf_field() !!}
        <div id="new_client_add">
            <h3>Add new client:</h3>
            <br />
            <div class="form-group">
                <label for="name" class="col-md-2 control-label">
                    Name *</label>
                <div class="col-md-10">
                    <input name="name" id="name" class="form-control contra">
                </div>
            </div>
            <br style="clear:both"/>
            <div class="form-group">
                <label for="email" class="col-md-2 control-label">
                    E-mail *</label>
                <div class="col-md-10">
                    <input name="email" type="email" id="email" class="form-control contra">
                </div>
            </div>
            <br style="clear:both"/>
            <div class="form-group">
                <label for="phone" class="col-md-2 control-label">
                    Phone</label>
                <div class="col-md-10">
                    <input name="phone" type="text" id="phone" class="form-control contra">
                </div>
            </div>
        </div>
        <div id="client_select">
            <br style="clear:both"/>
            <h3>Or select client:</h3>
            <select class="form-control" name="cli_id" id="cli_id">
                <option value="0">Choose from list</option>
                @foreach($clients as $one)
                    <option value="{{$one->id}}">{{$one->name}}</option>
                @endforeach
            </select>
            <br style="clear:both"/>

        </div>
        <div class="form-group">
            <label for="email" class="col-sm-2 control-label">&nbsp;</label>
            <div class="col-sm-10">
                <button class="btn btn-primary btn-block" id="client_click">
                    {{trans('client.shchedule.payment')}}
                </button>
            </div>
        </div>
            <br style="clear:both"/>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
</form>

<script>
    $(function () {
        $('#checkout').hide();
        $('#client_click').click(function () {
            var name = $('#name').val();
            var email = $('#email').val();
            var phone = $('#phone').val();
            var picture_id = $('#picture_id').val();
            var cli_id = $('#cli_id').val();
            var data_string = 'name='+name+'&email='+email+'&phone='+phone+'&picture_id='+picture_id+'&cli_id='+cli_id;
            console.log(data_string);
                $.ajax({
                    method: 'post',
                    url: '/manager/ajax/client',
                    data:data_string,
                    success: function (data) {
                        console.log(data);
                        $('#client_form').attr('action','/manager/calculator/orderlast/'+data);
                        $('#checkout').show();
                        $('#myModal').modal('hide');
                        $('.modal-backdrop').hide();
                        $('#checkclient').hide();

                        console.log('ajax success');
                        $('#phone').val();
                        $('#email').val();
                        $('#name').val();
                    },
                    error: function (err) {
                        console.log('ajax error');
                    }
                });
        });
        $('#client_click').prop('disabled', true);
        $('#cli_id').change(function(){
            $id = $(this).val();
            if($id > 0){
                $('#new_client_add').hide();
                $('#client_click').prop('disabled', false);
            }else{
                $('#new_client_add').show();
                $('#client_click').prop('disabled', true);
            }
        });

        $('.contra').on('input', function(){
            var name = $('#name').val();
            var email = $('#email').val();
            var phone = $('#phone').val();
            if(name == '' && email == '' && phone == ''){
                $('#client_select').show();
            }else{
                $('#client_select').hide();
                if(name != '' && email != ''){
                    $('#client_click').prop('disabled', false);
                }else{
                    $('#client_click').prop('disabled', true);
                }
            }
        })

    });
</script>