@extends('layouts.app')

@section('title')
NOC
@stop

    @section('breadcrumb')
    <ol class="breadcrumb pull-right">
        <li><a href="{{ route('home') }}"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="{{ route('noc_req') }}">NOC'S</a></li>
        <li class="active">Issue of NOC</li>
    </ol>
    @stop

        @section('css')

        <style type="text/css">

        </style>

        @stop

            @section('content')

            <div class="container-fluid">
                <form method="post" action="{{ route('noc.insert') }}" class="form-horizontal"
                    id="receipt_form">
                    {{ csrf_field() }}
                    <div class="row">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            @if($errors->any())
                                <div class="white-box">
                                    <h2>Errors</h2>
                                    <ul>
                                        {!! implode('', $errors->all('<li><span
                                                class="help-block"><strong>:message</strong></span></li>')) !!}
                                    </ul>
                                </div>
                            @endif
                            <div class="white-box1">
                                <h3 class="box-title">Issue of NOC</h3>
                                <hr>


                                
                                <div class="col-md-6">
                                     <div class="form-group">
                                         <label for="exampleInputuname" class="control-label col-md-4">NOC No
                                             <span style="color: red">*</span>
                                         </label>
                                         <div class="col-md-6">
                                             <div class="input-group" style="width: 376px;">
                                                 <input type="text" class="form-control" name="noc_no"
                                                     value="NOC-000{{\App\NOC::count() + 1 }}"
                                                     id="noc_no">
                                                 @if($errors->has('noc_no'))
                                                     <span class="help-block">
                                                         <strong>{{ $errors->first('noc_no') }}</strong>
                                                     </span>
                                                 @endif
                                             </div>
                                         </div>
                                     </div>
                                     <div class="form-group">
                                         <label for="exampleInputuname" class="control-label col-md-4">NOC Date
                                             <span style="color: red">*</span>
                                         </label>
                                         <div class="col-md-6">
                                             <div class="input-group" style="width: 376px;">
                                                 <input type="date" class="form-control" name="noc_date"
                                                     id="noc_date">
                                                 @if($errors->has('noc_date'))
                                                     <span class="help-block">
                                                         <strong>{{ $errors->first('noc_date') }}</strong>
                                                     </span>
                                                 @endif
                                             </div>
                                         </div>
                                     </div>
                                    <div class="form-group">


                                        <label class="control-label col-md-4">Select Customer<span
                                                style="color: red">*</span></label>
                                        <div class="col-md-8">
                                            <select name="customer_id" id='customer_id'
                                                class="form-control chosen-select"
                                                onchange="updateProperty(this.value)">
                                                <option value="" selected="">None</option>

                                                @foreach($customers as $customer)

                                                    @if(old('customer_id') == $customer->id)
                                                        <option selected="" value="{{ $customer->id }}">None
                                                            {{ $customer->name }} - {{ $customer->cnic }} </option>

                                                    @else
                                                        <option value="{{ $customer->id }}">{{ $customer->name }} -
                                                            {{ $customer->cnic }}</option>
                                                    @endif

                                                @endforeach
                                            </select>

                                            @if($errors->has('customer_id'))
                                                <span class="help-block">
                                                    <strong>{{ $errors->first('customer_id') }}</strong>
                                                </span>
                                            @endif

                                        </div>

                                        <br><br><br><br>
                                        <div class="form-group">
                                            <label for="exampleInputuname" class="control-label col-md-4">Contact No
                                                <span style="color: red">*</span>
                                            </label>
                                            <div class="col-md-6">
                                                <div class="input-group" style="width: 379px;">
                                                    <input type="text" class="form-control" name="contact_no" readonly
                                                        value="{{ old('contact_no') }}"
                                                        id="contact_no">
                                                    @if($errors->has('contact_no'))
                                                        <span class="help-block">
                                                            <strong>{{ $errors->first('contact_no') }}</strong>
                                                        </span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="exampleInputuname"
                                                class="control-label col-md-4">S/O,D/O,W/O<span
                                                    style="color: red">*</span>
                                            </label>
                                            <div class="col-sm-6">
                                                <div class="input-group" style="width: 379px;">
                                                    <input type="text" class="form-control" name="father_name_parent"
                                                        readonly value="@if(old('father_name_parent'))
                                                        {{ old('father_name_parent') }}@endif"
                                                        id="father_name_parent">
                                                    @if($errors->has('father_name_parent'))
                                                        <span class="help-block">
                                                            <strong>{{ $errors->first('father_name_parent') }}</strong>
                                                        </span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="cnic" class="control-label col-md-4">CNIC
                                                <span style="color: red">*</span></label>
                                            <div class="col-md-6">
                                                <div class="input-group" style="width: 379px;">
                                                    <input type="text" class="form-control" readonly value="@if(old('cnic'))
                                                        {{ old('cnic') }}@endif" name="cnic"
                                                        id="cnic">


                                                    @if($errors->has('cnic'))
                                                        <span class="help-block">
                                                            <strong>{{ $errors->first('cnic') }}</strong>
                                                        </span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <br><br><br><br><br><br>
                                        <label class="control-label col-md-4">Select Unit No<span
                                                style="color: red">*</span></label>
                                        <div class="col-md-8">
                                            <select name="unit_number_id" id='unit_number_id' class="form-control"
                                                onchange="updateUnit(this.value)">

                                            </select>

                                            @if($errors->has('unit_number_id'))
                                                <span class="help-block">
                                                    <strong>{{ $errors->first('unit_number_id') }}</strong>
                                                </span>
                                            @endif

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="address" class="control-label col-md-4">Sector
                                            <span style="color: red">*</span></label>
                                        <div class="col-md-8">
                                            <div class="input-group" style="width: 377px;">
                                                <input type="text" class="form-control" name="unit_floor_id" readonly
                                                    value="{{ old('unit_floor_id') }}"
                                                    id="unit_floor_id">
@if($errors->has('unit_floor_id'))
                                                    <span class="help-block">
                                                        <strong>{{ $errors->first('unit_floor_id') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>



                                    
                                    <div class="form-group">
                                        <label for="exampleInputEmail1" class="control-label col-md-4">Phase<span style="color: red">*</span></label>
                                        <div class="col-md-8">
                                            <div class="input-group" style="width: 377px;">
                                                <input type="text" class="form-control" name="phase" readonly
                                                    value="{{ old('phase') }}" id="phase">
                                                @if($errors->has('phase'))
                                                    <span class="help-block">
                                                        <strong>{{ $errors->first('phase') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputEmail1" class="control-label col-md-4">Membership No. <span
                                                style="color: red">*</span></label>
                                        <div class="col-md-8">
                                            <div class="input-group" style="width: 377px">
                                                <input type="text" class="form-control" name="membership_no" readonly
                                                    value="{{ old('membership_no') }}"
                                                    id="membership_no">
@if($errors->has('membership_no'))
                                                    <span class="help-block">
                                                        <strong>{{ $errors->first('membership_no') }}</strong>
                                                    </span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <div class="col-md-12" id='property'> </div>

                                <div class="clearfix"></div>
                                <div class=" col-sm-4">&nbsp;</div>
                                <div class=" col-sm-2" style="margin-left: -207px;">
                                    <button type="submit" class="btn btn-info waves-effect waves-light m-t-10"
                                        style="width: 100%">Save</button>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>

            </form>
            </div>

            @stop

                @section('js')

                <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js">
                </script>

                <script>
                    $(":input").inputmask();

                    function updateUnit(id) {


                        $('.preloader').fadeIn();

                        var unit_number_id = id;


                        var data = {
                            'unit_number_id': unit_number_id
                        };

                        $.get('/noc/getunitinfo', data, function (data) {

                            


                            $('#unit_floor_id').val((data.floor)?data.floor.name:'N/A');
                            $('#phase').val((data.floor)?data.floor.unit_block.name:'N/A');
                            console.log(data.property,data.property.membership_no);
                            $('#membership_no').val((data.property.membership_no)?data.property.membership_no:0);

                            $('.preloader').fadeOut();
                        });
                    }

                    function updateProperty(id) {


                        $('.preloader').fadeIn();

                        var customer_id = id;


                        var data = {
                            'customer_id': customer_id
                        };

                        $.get('/noc/getcustomerinfo', data, function (data) {

 
                            $('#contact_no').val(data[0].mobile_number);
                            $('#father_name_parent').val(data[0].father_name);
                            $('#cnic').val(data[0].cnic);


                            var model = $('#unit_number_id');
                            model.empty();

                            model.append("<option value='' disabled selected>" +
                                '' +
                                "</option>");


                                
                            $.each(data[0].properties, function (index, element) {


 
                                model.append("<option value='" + element.inventory.id + "'>" 
                                     +element.inventory.unit_number + "</option>");

                                   
                            });
                            
                          
                            // document.getElementById('property').innerHTML = data;

                            // $('#myTable').DataTable({
                            //     "paging": false,
                            //     "ordering": false,
                            //     "info": false
                            // });
                        });

                        // $('#wait').hide();
                        $('.preloader').fadeOut();

                    }
                </script>


                @stop
                    @if($errors->any())

                        <script>
                            window.onload = function () {

                                updateProperty('{{ old("customer_id") }}');

                                var payment_method = $('#payment_method').val();
                                changeFunc(payment_method)
                            }
                        </script>
                    @endif