@extends('admin.layouts.master')

@section('title')
    Rental
@stop

@section('style')
    {{--<link rel="stylesheet" type="text/css" href="{{asset('/css/jsteps/main.css')}}">--}}
    <link rel="stylesheet" type="text/css" href="{{asset('/css/jsteps/normalize.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('/css/jsteps/jquery.steps.css')}}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />

    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet" />

    <style>
        .select2 {
            width: 100% !important;
        }
        .wizard > .content
        {
            background: #eee;
            display: block;
            margin: 0.5em;
            min-height: 20em!important; /*50em;*/
            overflow: hidden;
            position: relative;
            width: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
    </style>
@stop

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper" >
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                <span class="fa fa-pie-chart"></span> Edit Rental
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-user-plus"></i> Admin Panel</a></li>
                <li class="active">Edit Rental</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content" style="padding-bottom: 10%;">
            <div class="page-header">
                <a href="{{route('rentals')}}" class="btn btn-primary"><i class="fa fa-backward"></i> Back</a>
            </div>

            <form id="frmRentals" method="post" action="{{route('rentals.update')}}" role="form">
                {{--{{csrf_field()}}--}}
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <div class="form-group" style="min-height: 30em;">
                    <h3>Rental Info</h3>
                    <section>
                    <input type='hidden' class="form-control" id="id_" name="id_" value="{{$rental->id}}" />
                    <input type='hidden' class="form-control" id="client_id" name="client_id" value="{{$rental->client_id}}" />
                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('contract_date')) has-error @endif">
                            <label for="contract_date" class="control-label">Effectivity of Contract Date:</label>
                            <div class='input-group date datetimepicker1'>
                                <input type='text' class="form-control" id="contract_date" name="contract_date" value="{{date("m/d/Y", strtotime($rental->contract_date))}}" />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                            @if($errors->has('contract_date')) <span class="help-block">{{$errors->first('contract_date')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_name')) has-error @endif">
                            <label for="client_name" class="control-label">Client Name *:</label>
                            <input type="text" name="client_name" id="client_name" class="form-control" value="{{$rental->client->client_name}}">
                            <span class="glyphicon glyphicon-user form-control-feedback"></span>
                            @if($errors->has('client_name')) <span class="help-block">{{$errors->first('client_name')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_number')) has-error @endif">
                            <label for="client_number" class="control-label">Client Contact No *:</label>
                            <input type="text" name="client_number" id="client_number" class="form-control" value="{{$rental->client->contact_no}}">
                            <span class="glyphicon glyphicon-phone form-control-feedback"></span>
                            @if($errors->has('client_number')) <span class="help-block">{{$errors->first('client_number')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_fb')) has-error @endif">
                            <label for="client_fb" class="control-label">Client Facebook *:</label>
                            <input type="text" name="client_fb" id="client_fb" class="form-control" value="{{$rental->client->facebook}}">
                            <span class="fa fa-facebook form-control-feedback"></span>
                            @if($errors->has('client_fb')) <span class="help-block">{{$errors->first('client_fb')}}</span> @endif
                        </div>

                        <div class="form-group has-feedback @if($errors->has('client_email')) has-error @endif">
                           <label for="client_email" class="control-label">Client Email *:</label>
                           <input type="text" name="client_email" id="client_email" class="form-control" value="{{$rental->client->email_ad}}">
                           <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
                           @if($errors->has('client_email')) <span class="help-block">{{$errors->first('client_email')}}</span> @endif
                       </div>

                    </div>

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

                        <div class="form-group has-feedback @if($errors->has('address')) has-error @endif">
                            <label for="address" class="control-label">Address:</label>
                            <input type="text" name="address" id="address" class="form-control" value="{{$rental->address}}">
                            <span class="glyphicon form-control-feedback"></span>
                            @if($errors->has('address')) <span class="help-block">{{$errors->first('address')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('agent_id')) has-error @endif">
                            <label for="agent_id" class="control-label">Agent *:</label>
                            <select name="agent_id" id="agent_id" class="form-control">
                                <option value="">Select Agent</option>
                                    @foreach($agents as $agent)
                                        @if ($agent->id == $rental->agent_id)
                                            <option value="{{$agent->id}}" selected="selected">{{$agent->fullname}}</option>
                                        @else
                                            <option value="{{$agent->id}}">{{$agent->fullname}}</option>
                                        @endif
                                    @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('agent_id')) <span class="help-block">{{$errors->first('agent_id')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('umanager_id')) has-error @endif">
                            <label for="umanager_id" class="control-label">Unit Manager *:</label>
                            <select name="umanager_id" id="umanager_id" class="form-control">
                                <option value="">Select Unit Manager</option>
                                @foreach($ums as $um)
                                    @if ($um->id == $rental->unit_manager_id)
                                        <option value="{{$um->id}}" selected="selected">{{$um->fullname}}</option>
                                    @else
                                        <option value="{{$um->id}}">{{$um->fullname}}</option>
                                    @endif
                                @endforeach
                            </select>
                            <span class="fa form-control-feedback"></span>
                            @if($errors->has('umanager_id')) <span class="help-block">{{$errors->first('umanager_id')}}</span> @endif
                        </div>
                    </div>

                    </section>
                    <h3>Rental Detail</h3>
                    <section>

                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('end_date')) has-error @endif">
                           <label for="end_date" class="control-label">End of Contract Date:</label>
                           <div class='input-group date datetimepicker2' id='datetimepicker2'>
                               <input type='text' class="form-control" id="end_date" name="end_date"  />
                               <span class="input-group-addon">
                                   <span class="glyphicon glyphicon-calendar"></span>
                               </span>
                           </div>
                           @if($errors->has('end_date')) <span class="help-block">{{$errors->first('end_date')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('authorized_name')) has-error @endif">
                            <label for="authorized_name" class="control-label">Authorized Name:</label>
                            <input type="text" name="authorized_name" id="authorized_name" class="form-control" value="{{$rental->authorized_name}}">
                            <span class="glyphicon form-control-feedback"></span>
                            @if($errors->has('authorized_name')) <span class="help-block">{{$errors->first('authorized_name')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('prop_location')) has-error @endif">
                            <label for="prop_location" class="control-label">Property Location:</label>
                            <input type="text" name="prop_location" id="prop_location" class="form-control" value="{{$rental->prop_location}}">
                            <span class="glyphicon form-control-feedback"></span>
                            @if($errors->has('prop_location')) <span class="help-block">{{$errors->first('prop_location')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group has-feedback @if($errors->has('monthly_rent')) has-error @endif">
                            <label for="monthly_rent" class="control-label">Monthly Rent: </label>
                            <input type="text" name="monthly_rent" id="monthly_rent" class="form-control" value="{{number_format((float) $rental->monthly_rent, 2) }}" style="text-align: right">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('monthly_rent')) <span class="help-block">{{$errors->first('monthly_rent')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('deposit')) has-error @endif">
                            <label for="deposit" class="control-label">Deposit:</label>
                            <input type="text" name="deposit" id="deposit" class="form-control" value="{{number_format((float) $rental->deposit, 2) }}" style="text-align: right">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback "></span>
                            @if($errors->has('deposit')) <span class="help-block">{{$errors->first('deposit')}}</span> @endif
                        </div>
                        <div class="form-group has-feedback @if($errors->has('advance')) has-error @endif">
                            <label for="advance" class="control-label">Advanced:</label>
                            <input type="text" name="advance" id="advance" class="form-control" value="{{number_format((float) $rental->advance, 2) }}" style="text-align: right">
                            <span class="glyphicon glyphicon-triangle-right form-control-feedback"></span>
                            @if($errors->has('advance')) <span class="help-block">{{$errors->first('advance')}}</span> @endif
                        </div>
                    </div>

                    {{--<div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('agent_pcg_rate')) has-error @endif">
                            <label for="agent_pcg_rate" class="control-label">Agent Rate (%):</label>
                            <input type="text" name="agent_pcg_rate" id="agent_pcg_rate" class="form-control comm_rate allownumericwithdecimal" value="{{$rental_comm->agent_pcg_rate}}" style="text-align: right" step="1" min="1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('agent_pcg_rate')) <span class="help-block">{{$errors->first('agent_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('agent_com_rate')) has-error @endif">
                            <label for="agent_com_rate" class="control-label">Agent Commission Rate:</label>
                            <input type="text" name="agent_com_rate" id="agent_com_rate" class="form-control allownumericwithdecimal" value="{{ number_format((float) $rental_comm->agent_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('agent_com_rate')) <span class="help-block">{{$errors->first('agent_com_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('um_pcg_rate')) has-error @endif">
                            <label for="um_pcg_rate" class="control-label">Unit Manager Rate (%):</label>
                            <input type="text" name="um_pcg_rate" id="um_pcg_rate" class="form-control comm_rate allownumericwithdecimal" value="{{$rental_comm->um_pcg_rate}}" style="text-align: right" step="1" min="1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('um_pcg_rate')) <span class="help-block">{{$errors->first('um_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('um_com_rate')) has-error @endif">
                            <label for="um_com_rate" class="control-label">Unit Manager Commission:</label>
                            <input type="text" name="um_com_rate" id="um_com_rate" class="form-control" value="{{ number_format((float) $rental_comm->um_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('um_com_rate')) <span class="help-block">{{$errors->first('um_com_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('broker_pcg_rate')) has-error @endif">
                            <label for="broker_pcg_rate" class="control-label">Broker Commission (%):</label>
                            <input type="text" name="broker_pcg_rate" id="broker_pcg_rate" class="form-control comm_rate" value="{{$rental_comm->broker_pcg_rate}}" style="text-align: right" step="1" min="1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('broker_pcg_rate')) <span class="help-block">{{$errors->first('broker_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('broker_com_rate')) has-error @endif">
                            <label for="broker_com_rate" class="control-label">Broker Commission Rate:</label>
                            <input type="text" name="broker_com_rate" id="broker_com_rate" class="form-control" value="{{ number_format((float) $rental_comm->broker_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('broker_com_rate')) <span class="help-block">{{$errors->first('broker_com_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('ref_pcg_rate')) has-error @endif">
                            <label for="ref_pcg_rate" class="control-label">Referrer Commission (%):</label>
                            <input type="text" name="ref_pcg_rate" id="ref_pcg_rate" class="form-control comm_rate" value="{{$rental_comm->ref_pcg_rate}}" style="text-align: right" step="0.1" min="0.1">
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('ref_pcg_rate')) <span class="help-block">{{$errors->first('ref_pcg_rate')}}</span> @endif
                        </div>
                    </div>

                    <div class="col-md-3">
                        <div class="form-group has-feedback @if($errors->has('ref_com_rate')) has-error @endif">
                            <label for="ref_com_rate" class="control-label">Referrer Commission Rate:</label>
                            <input type="text" name="ref_com_rate" id="ref_com_rate" class="form-control" value="{{ number_format((float) $rental_comm->ref_com_rate, 2)}}" style="text-align: right" readonly>
                            <span class="glyphicon glyphicon-zoom-out form-control-feedback"></span>
                            @if($errors->has('ref_com_rate')) <span class="help-block">{{$errors->first('ref_com_rate')}}</span> @endif
                        </div>
                    </div>--}}

                    </section>
                </div>
            </form>

        </section>
        @if(Session('info'))
            <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center">
            <div class="tem alert alert-success navbar-fixed-bottom"><span class="glyphicon glyphicon-ok-circle"></span> {{Session('info')}}</div>
            </div>
            </div>
        @endif

        <!--Modal Notif-->
        <div class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" style=" padding-right: 0px;background-color: rgba(4, 4, 4, 0.8);">
          <div class="modal-dialog modal-lg" style="top: 20%;width: 70%;text-align: center;">
            <div class="modal-content" style="border-radius: 0px;border: none;top: 40%;">
              <div class="modal-body" style="background-color: #0f8845;color: white;">
                <h2 id="h22"></h2>
                <h4 id="h44"></h4>
              </div>
            </div>
          </div>
        </div>

    </div>
@stop

@section('script')
    {{--<script type="text/javascript" src="{{ asset('js/numeric/easy-number-separator.js') }}" ></script>--}}
    <script type="text/javascript" src="{{ asset('js/numeric/jquery.masknumber.js') }}" ></script>
    {{--<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
            integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
            crossorigin="anonymous">
    </script>--}}

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>

    <script>

        $(document).ready(function() {
            $('#agent_id').select2();
            $('#umanager_id').select2();

            $('.datetimepicker1').datetimepicker({
                 format: 'MM/DD/YYYY',
                 widgetPositioning: {
                 horizontal: "auto",
                 vertical: "bottom"
                 }
            });
            $('.datetimepicker2').datetimepicker({
                 format: 'MM/DD/YYYY',
                 widgetPositioning: {
                 horizontal: "auto",
                 vertical: "bottom"
                 }
            });
            //$('[name=currency-default]').maskNumber();
            $('#total_selling_price').maskNumber();
            $('#net_selling_price').maskNumber();
            $('#equity').maskNumber();

        });

        /*$('.datetimepicker1').datetimepicker({
             format: 'MM/DD/YYYY'
        });*/

    </script>

    <script>

        function notifPopup(title,body) {
            $('#h22').text(title);
            $('#h44').text(body);
            $('.bs-modal-lg').modal('toggle');
            setTimeout(function() {$('.bs-modal-lg').modal('hide');}, 5000);
        }

        var form = $("#frmRentals");
        /*form.validate({
            errorPlacement: function errorPlacement(error, element) { element.before(error); },
            rules: {
                confirm: {
                    equalTo: "#password"
                }
            }
        });*/
        form.children("div").steps({
            headerTag: "h3",
            bodyTag: "section",
            transitionEffect: "slideLeft",
            /*onStepChanging: function (event, currentIndex, newIndex)
            {
                form.validate().settings.ignore = ":disabled,:hidden";
                return form.valid();
            },*/
            /*: function (event, currentIndex)
            {
                form.validate().settings.ignore = ":disabled";
                return form.valid();
            },*/
            onFinished: function (event, currentIndex)
            {
                console.log("ready");
                $("#frmRentals").submit();
                notifPopup('Rental Notification', 'Rental was successfully updated.');
                //$("#frmRentals").submit();
                 //var form = $(this);
                     //form.submit();
            }

        });
    </script>

    <script>



        function realParseFloat(s)
        {
            s = s.replace(/[^\d,.-]/g, ''); // strip everything except numbers, dots, commas and negative sign
            if (navigator.language.substring(0, 2) !== "de" && /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/.test(s)) // if not in German locale and matches #,###.######
            {
                s = s.replace(/,/g, ''); // strip out commas
                return parseFloat(s); // convert to number
            }
            else if (/^-?(?:\d+|\d{1,3}(?:\.\d{3})+)(?:,\d+)?$/.test(s)) // either in German locale or not match #,###.###### and now matches #.###,########
            {
                s = s.replace(/\./g, ''); // strip out dots
                s = s.replace(/,/g, '.'); // replace comma with dot
                return parseFloat(s);
            }
            else // try #,###.###### anyway
            {
                s = s.replace(/,/g, ''); // strip out commas
                return parseFloat(s); // convert to number
            }
        }

        function formatnum(n) {
            return n.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1,");
        }

    </script>
@stop