@extends('layouts.app')

@section('content')
    <script type="text/javascript">
        $(document).ready(function(){
            $('.btn-delete-napomena').click(function () {
                var id = $(this).attr("napomenaId");
                $('#id_napomena').val(id);
            });

            $('.btn-delete-image').click(function () {
                var id = $(this).attr("imageId");
                $('#id_image').val(id);
            });
            $('.btn-delete-file').click(function () {
                var id = $(this).attr("fileId");
                $('#id_file').val(id);
            });

            @if(!$isAdmin)
                document.getElementById('br_ugovora'). readOnly = true;
                document.getElementById('tis_id'). readOnly = true;
                document.getElementById('broj_bodova'). readOnly = true;
                document.getElementById('prodavac'). readOnly = true;
            @endif
        });

    </script>
    @if(!in_array($klijent->id_prodavac, $sellersIds) && !$isAdmin)
        <section class="body-error error-inside">
            <div class="center-error">
                <div class="row">
                    <div class="col-md-8">
                        <div class="main-error mb-xlg">
                            <h2 class="error-code text-dark text-center text-semibold m-none">404 <i class="fa fa-file"></i></h2>
                            <p class="error-explanation text-center">{{__("Page does not exist")}}.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @else
    <form id="form" method="post" action="{{route('klijentiProdaja.update', [$klijent->id])}}" class="form-horizontal"  enctype="multipart/form-data">
        {{ csrf_field() }}
        <input type="hidden" name="_method" value="put">
        <section class="panel">
            <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">{{__("Edit")}} </h2>
            </header>
            <div class="panel-body">
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Contract number")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="br_ugovora" class="form-control" placeholder="" id="br_ugovora" spellcheck="false" value="{{$klijent->br_ugovora}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Name")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <input type="text" name="ime" class="form-control" placeholder="" id="ime" spellcheck="false" value="{{$klijent->ime}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Surname")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <input type="text" name="prezime" class="form-control" placeholder="" id="prezime" spellcheck="false" value="{{$klijent->prezime}}"/>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("JMBG")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <input type="text" name="jmbg" class="form-control" placeholder="" id="jmbg" spellcheck="false" value="{{$klijent->jmbg}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Network group")}} </label>
                    <div class="col-sm-3">
                        <select name="mrezna_grupa" id="mrezna_grupa" class="form-control populate">
                            @if($klijent->mrezna_grupa)
                                 <option value="{{$klijent->mrezna_grupa}}">{{$klijent->mrezna_grupa}}</option>
                            @endif
                            <option value="">-- {{__("Network group")}} --</option>
                            @foreach($networkGroups as $network)
                                <option value="{{$network->network}}">{{$network->network}}</option>
                            @endforeach
                        </select>
                    </div>
                    <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="{{$klijent->tel1}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Phone")}} 2 <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <input type="text" name="tel2" class="form-control" placeholder="" id="tel2" spellcheck="false" value="{{$klijent->tel2}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Phone")}} 3 </label>
                    <div class="col-sm-3">
                        <input type="text" name="tel3" class="form-control" placeholder="" id="tel3" spellcheck="" value="{{$klijent->tel3}}"/>
                    </div>
                    <label class="col-sm-1 control-label">Tis ID</label>
                    <div class="col-sm-3">
                        <input type="text" name="tis_id" class="form-control" placeholder="" id="tis_id" spellcheck="false" value="{{$klijent->tis_id}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("ID no.")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="broj_lk" class="form-control" placeholder="" id="broj_lk" spellcheck="false" value="{{$klijent->broj_lk}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Date of issuance of ID card")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            <input type="text" name="datum_izdavanja_lk" class="form-control date-picker" placeholder="" id="datum_izdavanja_lk"
                                   spellcheck="" value="@if($klijent->datum_izdavanja_lk){{date('d.m.Y.', strtotime($klijent->datum_izdavanja_lk))}} @endif"/>
                        </div>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Place of issuance")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <input type="text" name="mesto_izdavanja_lk" class="form-control" placeholder="" id="mesto_izdavanja_lk" spellcheck="false" value="{{$klijent->mesto_izdavanja_lk}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Address of residence")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <input type="text" name="adresa_prebivalista" class="form-control" placeholder="" id="adresa_prebivalista" spellcheck="false" value="{{$klijent->adresa_prebivalista}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Installation address")}} <span class="required">*</span></label>
                    <div class="col-sm-3">
                        <input type="text" name="adresa_instalacije" class="form-control" placeholder="" id="adresa_instalacije" spellcheck="" value="{{$klijent->adresa_instalacije}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Packet")}} </label>
                    <div class="col-sm-3">
                        <select name="paket" id="paket" class="form-control populate" data-plugin-selectTwo>
                            <option value="">-- {{__("Packet")}} --</option>
                            @foreach($paketi as $paket)
                                <option value="{{$paket->id}}" selected = "selected">{{$paket->naziv}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Packet type")}} </label>
                    <div class="col-sm-3">
                        <select name="vrsta_paketa" id="vrsta_paketa" class="form-control populate">
                            <option value="">-- {{__("Packet type")}} --</option>
                            @foreach($vrste_paketa as $vpak)
                                <option value="{{$vpak->id}}" selected = "selected">{{$vpak->vrsta}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Nov service")}} </label>
                    <div class="col-sm-3">
                        <select name="nov_servis" id="nov_servis" class="form-control populate">
                            <option value="">-- {{__("Nov service")}} --</option>
                            @foreach($nov_servisi as $nov)
                                <option value="{{$nov->id}}" selected = "selected">{{$nov->naziv}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Extra STB")}} </label>
                    <div class="col-sm-3">
                        <select name="dodatni_stb" id="dodatni_stb" class="form-control">
                                                        @if($klijent->dodatni_stb)
                                <option value="{{$klijent->dodatni_stb}}">{{$klijent->dodatni_stb}}</option>
                            @endif
                            <option value="">-- {{__("Extra STB")}} --</option>
                            @foreach($options as $option)
                                <option value="{{$option}}">{{$option}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Points")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="broj_bodova" class="form-control" placeholder="" id="broj_bodova" spellcheck="false" value="{{$klijent->broj_bodova}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Contractor")}} {{__("seller")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="izvodjac_prodavac" class="form-control" placeholder="" id="izvodjac_prodavac" spellcheck="false" value="{{$klijent->izvodjac_prodavac}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Seller")}} </label>
                    <div class="col-sm-3">
                        <input type="text" readonly name="prodavac" class="form-control" placeholder="" id="prodavac" spellcheck="false" value="{{$prodavac}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Note")}}</label>
                    <div class="col-sm-3">
                        <textarea name="napomena" rows="5" class="form-control" placeholder="" id="napomena" spellcheck="false">{{$klijent->napomena}}</textarea>
                    </div>
                    <label class="col-sm-1 control-label">{{__("JOP")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="jop" class="form-control" placeholder="" id="jop" spellcheck="false" value="{{$klijent->jop}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Postal number")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="postal_number" class="form-control" placeholder="" id="postal_number" spellcheck="false" value="{{$klijent->postal_number}}"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("OIB")}} </label>
                    <div class="col-sm-3">
                        <input type="text" name="oib" class="form-control" placeholder="" id="oib" spellcheck="false" value="{{$klijent->oib}}"/>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Date of birth")}}</label>
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            <input type="text" name="date_of_birth" class="form-control date-picker" placeholder="" id="date_of_birth"  spellcheck="" 
                            value="@if($klijent->date_of_birth){{date('d.m.Y.', strtotime($klijent->date_of_birth))}} @endif"/>
                        </div>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Gender")}} </label>
                    <div class="col-sm-3">
                        <select name="gender" id="gender" class="form-control populate">
                            <option value="">-- {{__("Gender")}} --</option>
                            <option value="1" @if($klijent->gender == 1) selected @endif>{{__("Male")}}</option>
                            <option value="2" @if($klijent->gender == 2) selected @endif>{{__("Female")}}</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Team leader")}} </label>
                    <div class="col-sm-3">
                        <select name="leader" id="leader" class="form-control populate">
                            <option value="">-- {{__("Team leader")}} --</option>
                            @foreach($leaders as $leader)
                                <option value="{{$leader->id}}" @if($leader->id == $klijent->lider_id) selected @endif>{{$leader->ime.' '.$leader->prezime}}</option>
                            @endforeach
                        </select>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Date of contact")}}</label>
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            <input type="text" name="date_of_contact" class="form-control date-picker" placeholder="" id="date_of_contact"  spellcheck="" 
                            value="@if($klijent->date_of_contact){{date('d.m.Y.', strtotime($klijent->date_of_contact))}} @endif"/>
                        </div>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Date of request")}}</label>
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            <input type="text" name="date_of_request" class="form-control date-picker" placeholder="" id="date_of_request"  spellcheck="" 
                            value="@if($klijent->date_of_request){{date('d.m.Y.', strtotime($klijent->date_of_request))}} @endif"/>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">{{__("Delay date")}}</label>
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            <input type="text" name="delay_date" class="form-control date-picker" placeholder="" id="delay_date"  spellcheck="" 
                            value="@if($klijent->delay_date){{date('d.m.Y.', strtotime($klijent->delay_date))}} @endif"/>
                        </div>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Withdrawal date")}}</label>
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                            </span>
                            <input type="text" name="withdrawal_date" class="form-control date-picker" placeholder="" id="withdrawal_date"  spellcheck="" 
                            value="@if($klijent->withdrawal_date){{date('d.m.Y.', strtotime($klijent->withdrawal_date))}} @endif"/>
                        </div>
                    </div>
                    <label class="col-sm-1 control-label">{{__("Status")}} </label>
                    <div class="col-sm-3">
                        <select name="status" id="status" class="form-control populate">
                            <option value="">-- {{__("Status")}} --</option>
                            @foreach($statuses as $status)
                                <option value="{{$status->id}}" @if($status->id == $klijent->status_id) selected @endif>{{$status->status}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                 <div class="form-group">
                <label class="col-sm-1 control-label">{{__("Images")}}</label>
                <div class="col-sm-6">
                    <div class="fileupload fileupload-new" data-provides="fileupload">
                        <div class="input-append">
                            <div class="uneditable-input">
                                <i class="fa fa-file fileupload-exists"></i>
                                <span class="fileupload-preview"></span>
                            </div>
                            <span class="btn btn-default btn-file">
                                <span class="fileupload-exists">{{__('Change')}}</span>
                                <span class="fileupload-new">{{__('Choose image')}}</span>
                                <input type="file" id="images" name="images[]" multiple>
                            </span>
                            <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">{{__('Remove')}}</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-1 control-label">{{__('Files')}}</label>
                <div class="col-sm-6">
                    <div class="fileupload fileupload-new" data-provides="fileupload">
                        <div class="input-append">
                            <div class="uneditable-input">
                                <i class="fa fa-file fileupload-exists"></i>
                                <span class="fileupload-preview"></span>
                            </div>
                            <span class="btn btn-default btn-file">
                                <span class="fileupload-exists">{{__('Change')}}</span>
                                <span class="fileupload-new">{{__('Choose file')}}</span>
                                <input type="file" id="files" name="files[]" multiple>
                            </span>
                            <a href="#" class="btn btn-default fileupload-exists" data-dismiss="fileupload">{{__('Remove')}}</a>
                        </div>
                    </div>
                    </div>
            </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('klijentiProdaja.index')}}"><button id="icon-without-border-success" type="button" class="btn btn-default">{{__("Cancel")}}</button></a>
                    </div>
                </div>
            </footer>
        </section>
    </form>

    @if(!empty($napomene[0]))
        <section class="panel">
            <header class="panel-heading">
                <h2 class="panel-title">{{__("Notes")}} </h2>
            </header>
            <div class="panel-body">
                @foreach($napomene as $br=>$nap)
                    <code>{{__("Note")}} {{$br+1}}</code>
                    <blockquote class="success">
                        <p>{{$nap->napomena}}</p>
                        <small>{{$nap->ime.' '.$nap->prezime}} <cite title="Magazine X">{{date('d.m.Y. H:i:s', strtotime($nap->created_at))}}</cite></small>
                        @if($isSuperAdmin)
                            <a href="#deleteNapomenaModal" class="modal-basic btn btn-delete-napomena" napomenaId="{{$nap->id}}"><i class="fa fa-eraser" style="color: #b80000"></i></a>
                        @endif
                    </blockquote>
                @endforeach
            </div>
        </section>
    @endif
    @if(!$images->isEmpty())
        <section class="panel">
            <header class="panel-heading panel-align">
                <h2 class="panel-title">{{__('Images')}}</h2>
            </header>
            <div class="panel-body">
                @foreach($images as $img)
                <div class="col-md-2" style="overflow: auto;">
                    <div class="popup-gallery">
                        <a class="pull-left mb-xs mr-xs" href="{{$img->url}}" title="{{$img->description}}" rel="group1">
                            <div class="img-responsive">
                                <img src="{{$img->url}}" width="105">
                            </div>
                        </a>
                    </div>
                    <div class="btn-group">
                        <a href="#deleteImageModal" class="modal-basic mb-xs mt-xs mr-xs btn btn-danger btn-delete-image" imageId="{{$img->id}}"><i class="fa fa-trash-o"></i></a>
                        <button type="button" class="mb-xs mt-xs mr-xs btn btn-info btn-rotate-image" imageId="{{$img->id}}" data-param="sales"><i class="fa fa-rotate-right"></i></button>
                    </div>
                </div>
                @endforeach
            </div>
        </section>
    @endif

    @if(!$files->isEmpty())
        <section class="panel">
            <header class="panel-heading panel-align">
                <h2 class="panel-title">{{__('Files')}}</h2>
            </header>
            <div class="panel-body">
                @foreach($files as $file)
                    <div class="col-md-2" style="overflow: auto;">
                        <a class="pull-left mb-xs mr-xs" href="{{$file->file_url}}" download>{{$file->filename}}</a>
                        @if($isSuperAdmin)
                            <a href="#deleteFileModal" class="modal-basic mb-xs mt-xs mr-xs btn-delete-file" style="color:red" fileId="{{$file->id}}"><i class="fa fa-trash-o"></i></a>
                        @endif
                    </div>
                @endforeach
            </div>
        </section>
    @endif
    <div id="deleteNapomenaModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
        <form name="delete-form" method="post" action="{{route('delete_napomena', 'prodaja')}}">
            <input type="hidden" name="id_napomena" id="id_napomena">
            <input type="hidden" name="id_klijent" id="id_klijent" value="{{$klijent->id}}">
            {{ 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>
    <div id="deleteImageModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
        <form name="delete-form" method="post" action="{{route('delete_sell_image')}}">
            <input type="hidden" name="id_image" id="id_image">
            {{ 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-times-circle"></i>
                        </div>
                        <div class="modal-text">
                            <h4>{{__('Deletion')}}</h4>
                            <p>{{__('Are you sure you want to delete image?')}}</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>
    <div id="deleteFileModal" class="modal-block modal-header-color modal-block-danger mfp-hide">
        <form name="delete-form" method="post" action="{{route('delete_sell_file')}}">
            <input type="hidden" name="id_file" id="id_file">
            {{ 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-times-circle"></i>
                        </div>
                        <div class="modal-text">
                            <h4>{{__('Deletion')}}</h4>
                            <p>{{__('Are you sure you want to delete ')}} {{__('file')}}?</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>
@endif
@endsection