@extends('layouts.app')

@section('content')

<script type="text/javascript">
    $(document).ready(function(){
        $('.btn-delete-comment').click(function () {
            var id = $(this).attr("commentId");
            $('#id_comment').val(id);
        });

        function toggleContractNumber() {
            var isContractStatus = $('#status').val() === '7';
            var isOfferStatus = $('#status').val() === '8';
            $('#contract-number-container').toggle(isContractStatus);
            $('#offer-number-container').toggle(isOfferStatus);

            if (!isContractStatus && $('#contract_number').prop('checked')) {
                $('#contract_number').prop('checked', false).trigger('change');
            }

            if (!isOfferStatus && $('#offer_number_switch').prop('checked')) {
                $('#offer_number_switch').prop('checked', false).trigger('change');
            }
        }

        var originalAltId = $('#alt_id').val();
        $('#contract_number').on('change', function () {
            if (this.checked) {
                var contractNumber = $(this).data('has-contract-number') === 1
                    ? originalAltId
                    : $(this).data('next-contract-number');
                $('#alt_id').val(contractNumber).prop('readonly', true);
            } else {
                $('#alt_id').val(originalAltId).prop('readonly', $(this).data('has-contract-number') === 1);
            }
        });

        var originalOfferNumber = $('#offer_number').val();
        var originalOfferDate = $('#offer_date').val();
        $('#offer_number_switch').on('change', function () {
            if (this.checked) {
                var hasOfferNumber = $(this).data('has-offer-number') === 1;
                $('#offer_number').val(hasOfferNumber ? originalOfferNumber : $(this).data('next-offer-number'));
                $('#offer_date').val(hasOfferNumber ? originalOfferDate : $(this).data('next-offer-date'));
            } else {
                $('#offer_number').val(originalOfferNumber);
                $('#offer_date').val(originalOfferDate);
            }
        });

        $('#status').on('change', toggleContractNumber);
        toggleContractNumber();
    });
</script>

<section class="panel">
    <form id="form" method="post" action="{{route('spSales.update', $client->id)}}" class="form-horizontal">
        {{ csrf_field() }}
        @method('PUT')
            <header class="panel-heading">
                <div class="panel-actions">
                    <button type="submit" class="btn btn-primary">{{__("Save")}} <i class="fa fa-save"></i></button>
                </div>

                <h2 class="panel-title">{{__("Data update")}} </h2>
            </header>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Cluster")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <select name="cluster" id="cluster" data-plugin-selectTwo class="form-control populate">
                            <option value="">-- {{__("Cluster")}} --</option>
                            @foreach($clusters as $cluster)
                                <option value="{{$cluster->id}}" 
                                    @if($client->cluster)
                                    @if($cluster->id == $client->cluster) selected @endif
                                    @endif>{{$cluster->cluster}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Street")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="street" class="form-control" placeholder="" id="street" spellcheck="false" value="{{$client->street}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Home number")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="home_no" class="form-control" placeholder="" id="home_no" spellcheck="false" value="{{$client->home_no}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Entrance")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="entrance" class="form-control" placeholder="" id="entrance" spellcheck="false" value="{{$client->entrance}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Floor")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="floor" class="form-control" placeholder="" id="floor" spellcheck="false" value="{{$client->floor}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Flat")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="apartment" class="form-control" placeholder="" id="apartment" spellcheck="false" value="{{$client->apartment}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Landline phone")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="tel1" class="form-control" placeholder="" id="tel1" spellcheck="false" value="{{$client->tel1}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Phone")}} 2</label>
                    <div class="col-sm-3">
                        <input type="text" name="tel2" class="form-control" placeholder="" id="tel2" spellcheck="false" value="{{$client->tel2}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Postal code")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="postal_code" class="form-control" placeholder="" id="postal_code" spellcheck="false" value="{{$client->postal_code}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Agreed price")}}</label>
                    <div class="col-sm-3">
                        <input type="number" name="agreed_price" class="form-control" id="agreed_price" step="0.01" min="0" value="{{$client->agreed_price}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Offer number")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="offer_number_value" class="form-control" id="offer_number" value="{{$client->offer_number}}" readonly/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Offer date")}}</label>
                    <div class="col-sm-3">
                        <input type="date" name="offer_date_value" class="form-control" id="offer_date" value="{{$client->offer_date}}" readonly/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Contract number")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="alt_id" class="form-control" placeholder="" id="alt_id" spellcheck="false" value="{{$client->alt_id}}" @if($hasContractNumber) readonly @endif/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("City")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="city" class="form-control" placeholder="" id="city" spellcheck="false" value="{{$client->city}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Email")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="email" class="form-control" placeholder="" id="email" spellcheck="false" value="{{$client->email}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Name")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="name" class="form-control" placeholder="" id="name" spellcheck="false" value="{{$client->name}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Surname")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="surname" class="form-control" placeholder="" id="surname" spellcheck="false" value="{{$client->surname}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Address")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="address" class="form-control" placeholder="" id="address" spellcheck="" value="{{$client->address}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Seller")}} </label>
                    <div class="col-sm-3">
                        <select name="user" id="user" data-plugin-selectTwo class="form-control populate">
                            <option value="">-- {{__("Seller")}} --</option>
                            @foreach($sellers as $user)
                                <option value="{{$user->id}}" 
                                    @if($client->user)
                                    @if($user->id == $client->user) selected @endif
                                    @endif>{{$user->ime.' '.$user->prezime}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Status")}} </label>
                    <div class="col-sm-3">
                        <select name="status" id="status" class="form-control populate" style="background-color: rgba(229, 255, 227, 0.993)">
                            <option value="">-- {{__("Status")}} --</option>
                            @foreach($statuses as $status)
                                <option value="{{$status->id}}" @if($status->id == $client->status) selected @endif>{{__($status->status)}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div id="contract-number-container" style="display: none;">
                        <label class="col-sm-2 control-label">{{__("Assign contract number")}} </label>
                        <div class="col-sm-2">
                            <div class="switch switch-primary">
                                <input type="checkbox" id="contract_number" name="contract_number" data-next-contract-number="{{$nextContractNumber}}" data-has-contract-number="{{$hasContractNumber ? 1 : 0}}" data-plugin-ios-switch/>
                            </div>
                        </div>
                    </div>
                    <div id="offer-number-container" style="display: none;">
                        <label class="col-sm-2 control-label">{{__("Add offer number")}} </label>
                        <div class="col-sm-2">
                            <div class="switch switch-primary">
                                <input type="checkbox" id="offer_number_switch" name="offer_number" data-next-offer-number="{{$nextOfferNumber}}" data-next-offer-date="{{$nextOfferDate}}" data-has-offer-number="{{$hasOfferNumber ? 1 : 0}}" data-plugin-ios-switch/>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Cadastral parcel")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="cadastral_parcel" class="form-control" id="cadastral_parcel" spellcheck="false" value="{{$client->cadastral_parcel}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Cadastral municipality")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="cadastral_municipality" class="form-control" id="cadastral_municipality" spellcheck="false" value="{{$client->cadastral_municipality}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("OIB")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="oib" class="form-control" id="oib" spellcheck="false" value="{{$client->oib}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Power plant capacity")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="power_plant_capacity" class="form-control" id="power_plant_capacity" spellcheck="false" value="{{$client->power_plant_capacity}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Leased power")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="leased_power" class="form-control" id="leased_power" spellcheck="false" value="{{$client->leased_power}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("OMM meter number - metering point code")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="oom" class="form-control" id="oom" spellcheck="false" value="{{$client->oom}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Consumption data")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="consumption_data" class="form-control" id="consumption_data" spellcheck="false" value="{{$client->consumption_data}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Expected annual production")}}</label>
                    <div class="col-sm-3">
                        <input type="text" name="expected_annual_production" class="form-control" id="expected_annual_production" spellcheck="false" value="{{$client->expected_annual_production}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Roof type")}}</label>
                    <div class="col-sm-3">
                        <select name="roof_type" id="roof_type" data-plugin-selectTwo class="form-control populate">
                            <option value="">-- {{__("Roof type")}} --</option>
                            @foreach($roofTypes as $roofType)
                                <option value="{{$roofType->id}}" @if($roofType->id == $client->roof_type) selected @endif>{{__($roofType->type)}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Roof covering")}}</label>
                    <div class="col-sm-3">
                        <select name="roof_is_covered" id="roof_is_covered" data-plugin-selectTwo class="form-control populate">
                            <option value="">-- {{__("Roof covering")}} --</option>
                            @foreach($roofCoverings as $roofCovering)
                                <option value="{{$roofCovering->id}}" @if($roofCovering->id == $client->roof_is_covered) selected @endif>{{__($roofCovering->covering)}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Object")}}</label>
                    <div class="col-sm-3">
                        <select name="object" id="object" data-plugin-selectTwo class="form-control populate">
                            <option value="">-- {{__("Object")}} --</option>
                            @foreach($objects as $object)
                                <option value="{{$object->id}}" @if($object->id == $client->object) selected @endif>{{__($object->object)}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Miscellaneous: additional comments, questions and similar")}}</label>
                    <div class="col-sm-11">
                        <textarea name="miscellaneous" rows="4" class="form-control" id="miscellaneous" spellcheck="false">{{$client->miscellaneous}}</textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Comment")}}</label>
                    <div class="col-sm-3">
                        <textarea name="comment" rows="5" class="form-control" placeholder="" id="comment" spellcheck="false"></textarea>
                    </div>
                    @if($isAdmin)
                    <label class="col-sm-2 control-label">{{__("Comments for admins only")}} </label>
                    <div class="col-sm-2">
                        <div class="switch switch-danger">
                            <input type="checkbox" name="admins_only" data-plugin-ios-switch/>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-12 btn-confirmation">
                        <button class="btn btn-primary" type="submit">{{__("Save")}} <i class="fa fa-save"></i></button>
                        <a href="{{route('spSales.index')}}"><button id="icon-without-border-success" type="button" class="btn btn-default">{{__("Cancel")}}</button></a>
                    </div>
                </div>
            </footer>
    </form>
</section>

@if(!$comments->isEmpty())
    <section class="panel">
        <header class="panel-heading">
            <h2 class="panel-title">{{__("Comments")}} </h2>
        </header>
        <div class="panel-body">
            @foreach($comments as $br=>$com)
                <code>{{__("Comment")}} {{$br+1}}</code>
                <blockquote @if($com->admins_only == 0) class="success" @else class="danger" @endif>
                    <p>{{$com->comment}}</p>
                    <small>{{$com->ime.' '.$com->prezime}} <cite title="Comment">{{date('d.m.Y. H:i:s', strtotime($com->created_at))}}</cite></small>
                    @if($isSuperAdmin)
                        <a href="#deleteCommentModal" class="modal-basic btn btn-delete-comment" commentId="{{$com->id}}"><i class="fa fa-eraser" style="color: #b80000"></i></a>
                    @endif
                </blockquote>
            @endforeach
        </div>
    </section>
@endif

<div id="deleteCommentModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
    <form name="delete-form" method="post" action="{{route('delete_sp_sale_comment', 'comm')}}">
        <input type="hidden" name="id_comment" id="id_comment">
        {{ method_field('delete') }}
        {{ csrf_field() }}
        <section class="panel">
            <header class="panel-heading">
                <h2 class="panel-title">{{__("Notice")}}!</h2>
            </header>
            <div class="panel-body">
                <div class="modal-wrapper">
                    <div class="modal-icon">
                        <i class="fa fa-trash-o"></i>
                    </div>
                    <div class="modal-text">
                        <h4>{{__("Deletion")}}</h4>
                        <p>{{__("Are you sure you want to delete data?")}}</p>
                    </div>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-md-12 text-right">
                        <button class="btn btn-danger" type="submit">{{__('YES')}}</button>
                        <button class="btn btn-default modal-dismiss">{{__('NO')}}</button>
                    </div>
                </div>
            </footer>
        </section>
    </form>
</div>

@endsection