@extends('layouts/pos_layout')
@section('title', '| Supplier')
@section('content')

<div class="row add-data-form" style="height:100%">
    <div class="col-md-12">
            <div class="col-md-1"></div>
                <div class="col-md-10 fullbody">
                    <div class="viewTitle" style="border-bottom: 1px solid white;">
                        <a href="{{url('pos/viewSupplier/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>Supplier List</a>
                    </div>
                <div class="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">Supplier</div>
                        </div>
                    <div class="panel-body">

                    {!! Form::open(array('url' => '' , 'enctype' => 'multipart/form-data',  'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}


                <div class="row">

                <div class="col-md-12" id="formDiv">

                    <input type="hidden" name="supplier_id" value="{{ $supplier->id }}">

                    <div class="col-md-6">

                        <div class="form-group">
                            {!! Form::label('name', 'Name:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('name', $supplier->name, ['class' => 'form-control', 'id' => 'name', 'type' => 'text', 'placeholder' => 'Enter name']) !!}
                                <p id='namee' style="max-height:3px;"></p>
                            </div>
                        </div>


                        <div class="form-group">
                            {!! Form::label('company_name', 'Company Name:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('company_name', $supplier->company_name, ['class' => 'form-control', 'id' => 'company_name', 'type' => 'text', 'placeholder' => 'Enter company name']) !!}
                                <p id='company_namee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('email', 'Email:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('email', $supplier->email, ['class' => 'form-control', 'id' => 'email', 'type' => 'text', 'placeholder' => 'Enter email']) !!}
                                <p id='emaile' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('email_for_notify', 'Emails for Notify:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('email_for_notify', $supplier->email_for_notify, ['class' => 'form-control', 'id' => 'email_for_notify', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Enter email for notify']) !!}
                                <p id='email_for_notifye' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('mobile', 'Mobile:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('mobile', $supplier->phone, ['class' => 'form-control', 'id' => 'mobile', 'type' => 'text', 'placeholder' => 'Enter mobile']) !!}
                                <p id='mobilee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('address', 'Address:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('address', $supplier->address, ['class' => 'form-control', 'id' => 'address', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Enter address']) !!}
                                <p id='addresse' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('website', 'Website:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('website', $supplier->web_site, ['class' => 'form-control', 'id' => 'website', 'type' => 'text', 'placeholder' => 'Enter website', 'cols' => '50']) !!}
                                <p id='websitee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('is_own_pid_active', 'PID/IMEI Number', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::checkbox('is_own_pid_active', $value = null, $supplier->is_own_pid_active, ['id' => 'is_own_pid_active']) !!}
                                <p id='is_own_pid_activee' style="max-height:3px;"></p>
                            </div>
                        </div>

                    </div>

                    <div class="col-md-6">

                        <div class="form-group">
                            {!! Form::label('description', 'Description:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('description', $supplier->description, ['class' => 'form-control', 'id' => 'description', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Enter description']) !!}
                                <p id='descriptione' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('ref_no', 'Reference No:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::text('ref_no', $supplier->ref_no, ['class' => 'form-control', 'id' => 'ref_no', 'type' => 'text', 'placeholder' => 'Enter Reference No:', 'cols' => '50']) !!}
                                <p id='ref_noe' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('attention_one', 'Attention 1:*', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('attention_one', $supplier->attention_one, ['class' => 'form-control', 'id' => 'attention_one', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Enter Attention 1']) !!}
                                <p id='attention_onee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('attention_two', 'Attention 2:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('attention_two', $supplier->attention_two, ['class' => 'form-control', 'id' => 'attention_two', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Enter Attention 2']) !!}
                                <p id='attention_twoe' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('attention_three', 'Attention 3:', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-9">
                                {!! Form::textarea('attention_three', $supplier->attention_three, ['class' => 'form-control', 'id' => 'attention_three', 'type' => 'text', 'rows' => '4', 'placeholder' => 'Enter Attention 3']) !!}
                                <p id='attention_threee' style="max-height:3px;"></p>
                            </div>
                        </div>

                    </div>

                </div>

                </div>

                    <div class="row">
                        <div class="col-md-4"></div>
                        <div class="form-group col-md-4 text-center">
                            {!! Form::label('submit', ' ', ['class' => 'col-sm-2 control-label']) !!}
                            <div class="col-sm-12">
                                {!! Form::submit('Update', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                <a href="{{url('pos/viewSupplier/')}}" class="btn btn-danger closeBtn">Close</a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <span id="success" style="color:green; font-size:20px;"></span>
                        </div>
                    </div>

                {!! Form::close() !!}

                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">

$(document).ready(function(){

    $('form').submit(function( event )
    {
        event.preventDefault();
        var formData = new FormData($(this)[0]);
        $.ajax({
            type: 'post',
            url: '../editSupplierItem',
            data: formData,
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            dataType: 'json',
            success: function(_response)
            {
                if (_response.errors)
                {
                    if (_response.errors['name'])
                    {
                        $('#namee').empty();
                        $('#namee').show();
                        $('#namee').append('<span class="errormsg" style="color:red;">'+_response.errors.name+'</span>');

                    }
                    if (_response.errors['company_name'])
                    {
                        $('#company_namee').empty();
                        $('#company_namee').append('<span class="errormsg" style="color:red;">'+_response.errors.company_name+'</span>');

                    }
                    if (_response.errors['email'])
                    {
                        $('#emaile').empty();
                        $('#emaile').append('<span class="errormsg" style="color:red;">'+_response.errors.email+'</span>');

                    }
                    if (_response.errors['mobile'])
                    {
                        $('#mobilee').empty();
                        $('#mobilee').append('<span class="errormsg" style="color:red;">'+_response.errors.mobile+'</span>');

                    }
                    if (_response.errors['ref_no'])
                    {
                        $('#ref_noe').empty();
                        $('#ref_noe').append('<span class="errormsg" style="color:red;">'+_response.errors.ref_no+'</span>');

                    }
                    if (_response.errors['attention_one'])
                    {
                        $('#attention_onee').empty();
                        $('#attention_onee').append('<span class="errormsg" style="color:red;">'+_response.errors.attention_one+'</span>');

                    }
                }
                else
                {
                    if (_response.responseTitle == 'success')
                    {
                        $("#formDiv").load(location.href + " #formDiv>*", "");
                        toastr.success(_response.responseText);

                    }
                    else
                    {
                        toastr.error(_response.responseText);
                    }
                }

            },
            error: function( _response )
            {
                // Handle error
                alert(_response.errors);

            }

        });
    });

    $("input").keyup(function()
    {
        var name            = $("#name").val();
        var company_name    = $("#company_name").val();
        var email           = $("#email").val();
        var mobile          = $("#mobile").val();
        var ref_no          = $("#ref_no").val();

        if(name){ $('#namee').hide();}else{$('#namee').show();}
        if(company_name){ $('#company_namee').hide();}else{$('#company_namee').show();}
        if(email){ $('#emaile').hide();}else{$('#emaile').show();}
        if(mobile){ $('#mobilee').hide();}else{$('#mobilee').show();}
        if(ref_no){ $('#ref_noe').hide();}else{$('#ref_noe').show();}

    });

    $(document).on('input propertychange', "textarea[name='attention_one']", function ()
    {
        var attention_one = $("#attention_one").val();

        if(attention_one){ $('#attention_onee').hide();}else{$('#attention_onee').show(); }

    });


});

</script>