@extends('admin.layout.app')
@section('title','Edit Customer')
@push('headerscript')
    <link href="{{asset('theme/plugins/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}" rel="stylesheet">
@endpush
@section('content')
    <div class="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="row">
                        <div class="page-title-box">
                            <h4 class="page-title">Edit Customer</h4>
                            <div class="pull-right">
                                <a href="{{route('customer.index')}}"
                                   class="btn btn-info btn-rounded waves-effect waves-light m-b-2"><i
                                        class=" mdi mdi-keyboard-backspace"></i> Back</a>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card-box">
                                <div class="row">
                                    <div class="col-sm-12 col-12">
                                        {!! Form::open(['route'=>array('customer.update', $customer->id), 'onsubmit'=>'BtnSubmit.disabled = true','method' => 'put']) !!}
                                        <div class="form-row">
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="customer_code">Customer Code</label>
                                                <input id="customer_code" type="text" class="form-control"
                                                       name="customer_code" value="{{ $customer->customer_code  }}"
                                                       autofocus readonly>
                                                <div class="text-danger">{{$errors->first('customer_code')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="name">Customer Name<span
                                                        class="text-danger">*</span></label>
                                                <input id="name" type="text" class="form-control" name="name"
                                                       value="{{ old('name', $customer->name) }}" autofocus>
                                                <div class="text-danger">{{$errors->first('name')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="contact_number">Contact No.<span
                                                        class="text-danger">*</span></label>
                                                <input id="contact_number" type="text" class="form-control number"
                                                       name="contact_number" required
                                                       value="{{ old('contact_number', $customer->contact_number) }}"
                                                       autofocus>
                                                <span style="display: none;" id="contactNumberAlert"
                                                      class="text-danger"><span id="contactNumberMsg"></span> is already taken. please try another one.</span>
                                                <div class="text-danger">{{$errors->first('contact_number')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="group_master_id">Customer Group<span
                                                        class="text-danger">*</span></label>
                                                {!! Form::select("group_master_id", [''=>'Select Status']+$status, $customer->group_master_id, ['class'=>'form-control', 'required','id'=>'group_master_id'] ) !!}
                                                <div class="text-danger">{{$errors->first('group_master_id')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="account_group_id">Account Group Name<span
                                                        class="text-danger">*</span></label>
                                                {!! Form::select("account_group_id", [''=>'Select ']+$accountGroups, old("account_group_id",$customer->account_group_id), ['class'=>'form-control', 'disabled', 'id'=>'account_group_id'] ) !!}
                                                <div class="text-danger">{{$errors->first('account_group_id')}}</div>
                                            </div>

                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="land_line">Land Line</label>
                                                <input id="land_line" type="text" class="form-control" name="land_line"
                                                       value="{{ old('land_line', $customer->land_line) }}" autofocus>
                                                <span style="display: none;" id="landlineAlert"
                                                      class="text-danger"><span id="landlineMsg"></span> is already taken. please try another one.</span>
                                                <div class="text-danger">{{$errors->first('land_line')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="email">Email</label>
                                                <input id="email" type="email" class="form-control" name="email"
                                                       value="{{ old('email', $customer->email) }}" autofocus>
                                                <span style="display: none;" id="emailAlert" class="text-danger"><span
                                                        id="emailMsg"></span> is already taken. please try another one.</span>
                                                <div class="text-danger">{{$errors->first('email')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="vat_number">VAT Registration No.</label>
                                                <input id="vat_number" type="text" class="form-control"
                                                       name="vat_number"
                                                       value="{{ old('vat_number', $customer->vat_number) }}" autofocus>
                                                <div class="text-danger">{{$errors->first('vat_number')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="credit_limit">Credit Limit</label>
                                                <input id="credit_limit" type="text" class="form-control number"
                                                       name="credit_limit"
                                                       value="{{ old('credit_limit', $customer->credit_limit) }}"
                                                       autofocus>
                                                <div class="text-danger">{{$errors->first('credit_limit')}}</div>
                                            </div>

                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="opening_date">Opening Date<span class="text-danger">*</span></label>
                                                <input type="text" name="opening_date" id="datepicker"
                                                       value="{{old('opening_date',date('d-m-Y',strtotime($customer->opening_date)))}}"
                                                       class="form-control" required="" autocomplete="off">
                                                <div class="text-danger">{{$errors->first('opening_date')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="c_opening_balance">Opening Balance</label>
                                                <input id="c_opening_balance" type="text"
                                                       class="form-control floatnumber" name="c_opening_balance"
                                                       value="{{ old('c_opening_balance', $customer->c_opening_balance) }}"
                                                       autofocus>
                                                <div class="text-danger">{{$errors->first('c_opening_balance')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <label for="address">Address</label>
                                                <textarea class="form-control" name="address"
                                                          rows="1">{{ old('address', $customer->address) }}</textarea>
                                                <div class="text-danger">{{$errors->first('address')}}</div>
                                            </div>
                                            <div class="form-group col-xs-12 col-md-4 col-sm-4">
                                                <div class="m-t-10">
                                                    <label for="vat_check">VAT Applicable </label>
                                                    <input type="checkbox" name="vat_check" value="yes"
                                                        {{$customer->vat_check== 'yes' ? 'checked': ''}}>
                                                    <div class="text-danger">{{$errors->first('vat_check')}}</div>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="form-row">
                                            <div class="col-sm-12 col-12 table-responsive">
                                                <table class="table table-striped dataTable" id="datatable">
                                                    <thead>
                                                    <tr class="text-center">
                                                        <th style="width: 18%">Vehicle Brand<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 18%">Vehicle Model<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 18%">Vehicle Color<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 18%">Emirates<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 18%">Plate Number<span
                                                                class="text-danger"></span></th>
                                                        <th style="width: 18%">VIN Number<span
                                                                class="text-danger">*</span></th>
                                                        <th style="width: 10%">
                                                            <button type="button"
                                                                    class="btn btn-info btn-sm m-l-10"
                                                                    id="addrow">
                                                                <i class="fa fa-plus"></i>
                                                            </button>
                                                        </th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @php
                                                        $i =1;
                                                    @endphp
                                                    @foreach($customer_vehicle_details as $customer_vehicle_detail)
                                                        <tr>
                                                            <td>
                                                                {!! Form::select("vehicle_brand_id[]", [''=>'Select Brand']+$vehicleBrands, old("vehicle_brand_id", $customer_vehicle_detail->vehicle_brand_id), ['class'=>'form-control' ,'id' => 'vehicle_brand_id'.$i,'required'=>'required']  ) !!}
                                                            </td>
                                                            <td>
                                                                {!! Form::select("vehicle_model_id[]", [''=>'Select Model']+$vehicleModels, old("vehicle_model_id", $customer_vehicle_detail->vehicle_model_id), ['class'=>'form-control' ,'id' => 'vehicle_model_id'.$i,'required'=>'required']  ) !!}
                                                            </td>
                                                            <td>
                                                                {!! Form::select("vehicle_color_id[]", [''=>'Select Color']+$vehicleColors, old("vehicle_color_id", $customer_vehicle_detail->vehicle_color_id), ['class'=>'form-control' ,'id' => 'vehicle_color_id'.$i,'required'=>'required']  ) !!}
                                                            </td>
                                                            <td>
                                                                {!! Form::select("emirates[]", [''=>'Select Emirates', 'AUH'=>'AUH', 'AJM'=>'AJM', 'SHJ'=>'SHJ', 'DXB'=>'DXB', 'FUJ'=>'FUJ', 'RAK'=>'RAK', 'UAQ'=>'UAQ', 'Bahrain'=>'Bahrain', 'Kuwait'=>'Kuwait', 'Oman'=>'Oman', 'Qatar'=>'Qatar', 'Saudi Arabia'=>'Saudi Arabia', 'United Arab Emirates'=>'United Arab Emirates'], old("emirates",$customer_vehicle_detail->emirates), ['class'=>'form-control' ,'id' => 'emirates1','required'=>'required']  ) !!}
                                                            </td>
                                                            <td>
                                                                <input type="text" name="plate_number[]"
                                                                       id="plate{{$i}}"
                                                                       value="{{old('price',$customer_vehicle_detail->plate_number)}}"
                                                                        class="form-control">
                                                            </td>
                                                            <td>
                                                                <input type="text" name="vin_number[]"
                                                                       id="vin_number{{$i}}"
                                                                       value="{{old('vin_number',$customer_vehicle_detail->vin_number)}}"
                                                                       required class="form-control">
                                                                <input type="hidden" name="checkval[]"
                                                                       value="{{$customer_vehicle_detail->id}}">
                                                            </td>
                                                            <td>

                                                            </td>
                                                        </tr>
                                                        @php
                                                            $i++;
                                                        @endphp
                                                    @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col-sm-12 text-center">
                                                <button type="submit" id="BtnSubmit" name="save"
                                                        class="btn btn-success">
                                                    Update
                                                </button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('footerscript')
    <script src="{{asset('theme/plugins/moment/moment.js')}}"></script>
    <script src="{{asset('theme/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
    <script src="{{asset('theme/default/assets/pages/jquery.form-pickers.init.js')}}"></script>
    <script>
        $("#datepicker").datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true
        });
        $('.floatnumber').on('input', function () {
            this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
        });
        $('.number').keyup(function (e) {
            if (/\D/g.test(this.value)) {
                this.value = this.value.replace(/\D/g, '');
            }
        });

        $('#vat_number').on('keyup', function () {
            var vat_number = $('#vat_number').val();
            if (vat_number.trim()) {
                $.ajax({
                    url: "{{route('checkVatNoExist')}}",
                    type: "GET",
                    data: {
                        vat_number: vat_number,
                    },
                    success: function (response) {
                        if (response == "yes") {
                            alert('This Vat Registration Number Already exist')
                        }
                    }
                })
            }
        });

        $('#contact_number,#land_line,#email').keyup(function () {
            $('#contactNumberAlert,#landlineAlert,#emailAlert').hide();
            $('#contactNumberMsg,#landlineMsg,#emailMsg').text('');
            $('#BtnSubmit').attr('disabled', false);
        });

        $('#contact_number').on('change', function () {
            var value = $(this).val();
            var inputType = "mobile";
            if (value != '') {
                checkDuplicate(value, inputType);
            }
        });
        $('#land_line').on('change', function () {
            var value = $(this).val();
            var inputType = "land_line";
            if (value != '') {
                checkDuplicate(value, inputType);
            }
        });
        $('#email').on('change', function () {
            var value = $(this).val();
            var inputType = "email";
            if (value != '') {
                checkDuplicate(value, inputType);
            }
        });

        function checkDuplicate(value, inputType) {
            $.ajax({
                url: '{{route('customer.checkDuplicate')}}',
                type: 'GET',
                data: {
                    value: value,
                    inputType: inputType,
                },
                success: function (response) {
                    if (response['customer'] != null) {
                        if (response['inputType'] == "mobile") {
                            $('#contact_number').val('');
                            $('#contactNumberMsg').text('contact number');
                            $('#contactNumberAlert').show();
                            $('#BtnSubmit').attr('disabled', true);
                        } else if (response['inputType'] == "land_line") {
                            $('#land_line').val('');
                            $('#landlineMsg').text('land line');
                            $('#landlineAlert').show();
                            $('#BtnSubmit').attr('disabled', true);
                        } else {
                            $('#contact_number').val('');
                            $('#emailMsg').text('email');
                            $('#emailAlert').show();
                            $('#BtnSubmit').attr('disabled', true);
                        }
                    }
                }
            });
        }

        $('input[id^=plate]').on('change', function () {
            var lastnum = $(this).attr('id').slice(-1);
            var plate = $('#plate' + lastnum).val();
            $.ajax({
                url: '{{route('checkDuplicatePlateNo')}}',
                type: 'GET',
                data: {
                    plate: plate
                },
                success: function (response) {
                    if (response == "old") {
                        alert("Plate is already registered !");
                    }
                }
            });
        });
        $('input[id^=vin_number]').on('keyup', function () {
            var vin_number = $(this).val();
            $.ajax({
                url: "{{route('checkVinNoExist')}}",
                type: "GET",
                data: {
                    vin_number: vin_number,
                },
                success: function (response) {
                    if (response == "yes") {
                        alert('This Vin Number Already exist')
                    }
                }
            })
        });

        $('select[id^=vehicle_brand_id]').on('change', function () {
            var lastnum = $(this).attr('id').slice(-1);
            var brand_id = $('#vehicle_brand_id' + lastnum).val();
            $.ajax({
                url: '{{route('getVehicleModelByBrand')}}',
                type: 'GET',
                data: {
                    brand_id: brand_id
                },
                success: function (response) {
                    $('#vehicle_model_id' + lastnum).empty();
                    $('#vehicle_model_id' + lastnum).append('<option value="">Select Model</option>');
                    $.each(response, function (key, value) {
                        $('#vehicle_model_id' + lastnum).append($("<option></option>")
                            .attr("value", key)
                            .text(value));
                    });
                }
            });
        });

        var k = {{$i}};
        $("#addrow").on('click', function () {
            var col = "<tr>";
            col += ' <input type="hidden" name="checkval[]" value="new">';
            col += '<td><select name="vehicle_brand_id[]"  id="vehicle_brand_id' + k + '" class="form-control" required="">' +
                '<option value="">Select Brand</option>@foreach($vehicleBrands as $row => $value)<option value="{{$row}}">{{$value}}</option>@endforeach
                    </select></td>';
            col += '<td><select name="vehicle_model_id[]"  id="vehicle_model_id' + k + '" class="form-control" required="">' +
                '<option value="">Select Model</option>@foreach($vehicleModels as $row => $value)<option value="{{$row}}">{{$value}}</option>@endforeach
                    </select></td>';
            col += '<td><select name="vehicle_color_id[]"  id="vehicle_color_id' + k + '" class="form-control" required="">' +
                '<option value="">Select Color</option>@foreach($vehicleColors as $row => $value)<option value="{{$row}}">{{$value}}</option>@endforeach
                    </select></td>';
            col += '<td><select name="emirates[]"  id="emirates' + k + '" class="form-control" required="">' +
                '<option value="">Select Emirates</option><option value="AUH">AUH</option><option value="AJM">AJM</option><option value="SHJ">SHJ</option><option value="DXB">DXB</option><option value="FUJ">FUJ</option><option value="RAK">RAK</option><option value="UAQ">UAQ</option><option value="Bahrain">Bahrain</option><option value="Kuwait">Kuwait</option><option value="Oman">Oman</option><option value="Qatar">Qatar</option><option value="Saudi Arabia">Saudi Arabia</option><option value="United Arab Emirates">United Arab Emirates</option></select></td>';
            col += '<td> <input type="text" name="plate_number[]" id="plate' + k + '" class="form-control" > </td>';
            col += '<td> <input type="text" name="vin_number[]" id="vin_number' + k + '" class="form-control" required> </td>';
            col += '<td><button class="btn btn-danger btn-sm" id="deleteRow" type="button"><i class="fa fa-trash"></i></button></td>';
            $("table#datatable").append(col);
            k++;


            $('select[id^=vehicle_brand_id]').on('change', function () {
                var lastnum = $(this).attr('id').slice(-1);
                var brand_id = $('#vehicle_brand_id' + lastnum).val();
                $.ajax({
                    url: '{{route('getVehicleModelByBrand')}}',
                    type: 'GET',
                    data: {
                        brand_id: brand_id
                    },
                    success: function (response) {
                        $('#vehicle_model_id' + lastnum).empty();
                        $('#vehicle_model_id' + lastnum).append('<option value="">Select Model</option>');
                        $.each(response, function (key, value) {
                            $('#vehicle_model_id' + lastnum).append($("<option></option>")
                                .attr("value", key)
                                .text(value));
                        });
                    }
                });
            });

            $('input[id^=plate]').on('change', function () {
                var lastnum = $(this).attr('id').slice(-1);
                var plate = $('#plate' + lastnum).val();
                $.ajax({
                    url: '{{route('checkDuplicatePlateNo')}}',
                    type: 'GET',
                    data: {
                        plate: plate
                    },
                    success: function (response) {
                        if (response == "old") {
                            alert("Plate is already registered !");
                        }
                    }
                });
            });
            $('input[id^=vin_number]').on('keyup', function () {
                var vin_number = $(this).val();
                $.ajax({
                    url: "{{route('checkVinNoExist')}}",
                    type: "GET",
                    data: {
                        vin_number: vin_number,
                    },
                    success: function (response) {
                        if (response == "yes") {
                            alert('This Vin Number Already exist')
                        }
                    }
                })
            });

        });

        $("table#datatable").on("click", "#deleteRow", function (event) {
            $(this).closest("tr").remove();
        });
    </script>
@endpush