@extends('layouts.app')

@section('content')


<div class="row">
	<div class="col-sm-10 offset-sm-2">
    	<h1 class="display-6">Nowy dokument</h1>
  	<div>
    
    @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
 			@foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
    @endif

    <form method="post" action="{{ route('docs.update',$doc->id) }}">
        @csrf
         {{method_field('PUT')}} 
    <input type="text" name="back_url" value="{{$errors->any() ? old('back_url') : url()->previous() }}">
        <div class="form-group">
        	<label for="doctype_id">Rodzaj</label>
            <select name="doctype_id" class="custom-select">
                <option></option>   
                @foreach($doctypes as $doctype)
                    @if($doctype->id == old('doctype_id') OR ($doctype->id==$doc->doctype_id AND old('doctype_id')==''))
                        <option SELECTED value="{{$doctype->id}}"> {{$doctype->name}}</option>
                    @else
                        <option value="{{$doctype->id}}"> {{$doctype->name}}</option>
                    @endif
                @endforeach
            </select>
        </div>

        <label for="hisname">Nazwa kontrahent:</label>
        <div class="form-group row">
            
            <div class="col-sm-2">
                <input type="text" class="form-control" id="client_id" name="client_id" value="{{$errors->any() ? old('client_id') : $doc->client_id }}" readonly/>
            </div>
            <div class="col">
                <input type="text" class="form-control" id="hisname" name="hisname" value="{{$errors->any() ? old('hisname') : $doc->hisname}}" />
            </div>
        </div>

        
        <div class="form-group">
            <label for="hisaddres">Adres:</label>
            <input type="text" class="form-control" id="hisaddres" name="hisaddres" value="{{$errors->any() ? old('hisaddres') : $doc->hisaddres}}" />
        </div>

      
        <label for="hispostalcode">Kod pocztowy / Miejscowość</label>
        <div class="form-group row">
            <div class="col-sm-2">
            	<input type="text" class="form-control" id="hispostalcode"  name="hispostalcode" value="{{$errors->any() ? old('hispostalcode') : $doc->hispostalcode}}" />
        	</div>
            <div class="col">
				<input type="text" class="form-control" id="hiscity" name="hiscity" value="{{$errors->any() ? old('hiscity') : $doc->hiscity}}" />
        	</div>
        </div>


        <label for="hisnip">Kod kraju EU / Numer NIP</label>
        <div class="form-group row">
        	
            <div class="col-sm-2">
            	<input type="text" class="form-control" id="hisnipcode" name="hisnipcode" value="{{$errors->any() ? old('hisnipcode') : $doc->hisnipcode}}" />
        	</div>
            <div class="col">  
            	<input type="text" class="form-control" id="hisnip" name="hisnip" value="{{$errors->any() ? old('hisnip') : $doc->hisnip}}" />
        	</div>
        </div>

        <label class="col-sm-2" for="number">Numer </label><label class="col-sm-2" for="date">Data wystawienia </label><label class="col-sm-2" for="datesale">Data sprzedaży </label>
        <div class="form-group row">
            <div class="col-sm-2">
                <input type="text" class="form-control" id="number" name="number" title="Numer" value="{{$errors->any() ? old('number'): $doc->number}}"/>
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" id="date" name="date" title="Data wystawienia" value="{{$errors->any() ? old('date') : $doc->date}}" />
            </div>
            <div class="col-sm-2">  
                <input type="text" class="form-control" id="datesale" name="datesale" title="Data sprzedaży" value="{{$errors->any() ? old('datesale') : $doc->datesale}}" />
            </div>
        </div>        


        <!--<label for="number">Numer:</label>
        <div class="form-group row">
            
            <div class="col-sm-2">
                <input type="text" class="form-control" id="number" name="number" value="{{old('number')}}"/>
            </div>
        </div>-->

		<div class="form-group">
            <label for="descript">Opis</label>
            <textarea class="form-control" name="descript" >{{$errors->any() ? old('descript') : $doc->descript }}</textarea>
            
        </div>

        <div class="form-group">
            <label for="docscheme_id">Schemat</label>
            <select name="docscheme_id" class="custom-select">
                <option></option>   
                @foreach($docschemes as $docscheme )
                    @if($docscheme->id == old('docscheme_id') OR ($docscheme->id==$doc->docscheme_id AND old('docscheme_id')=="") )
                        <option SELECTED value="{{$docscheme->id}}"> {{$docscheme->name}}</option>
                    @else
                        <option value="{{$docscheme->id}}"> {{$docscheme->name}}</option>
                    @endif
                @endforeach
            </select>
       
        </div>
                <label class="col-sm-2" for="product_id">Produkt</label><label class="col-sm-2" for="quantity">Ilosc</label><label class="col-sm-2" for="plnnetto">Cena netto</label><label class="col-sm-2" for="plnvat">Wartość</label>
        
        @foreach(old('items') ? old('items') : $docitems_array as $item)
        
        <div class="form-group row">
   
            <input type="hidden" name="items[{{$item['docposition']}}][docposition]" value="{{$item['docposition']}}"/>

            <div class="col-sm-2">
                <input type="text" class="form-control" name="items[{{$item['docposition']}}][product_id]" title="Produkt" value="{{$item['product_id']}}"/>
            </div>

            <div class="col-sm-2">
                <input type="text" class="form-control" name="items[{{$item['docposition']}}][quantity]" title="Produkt" value="{{$item['quantity']}}"/>
            </div>


            <div class="col-sm-2">  
                <input type="text" class="form-control" name="items[{{$item['docposition']}}][currency]" title="Cena netto" value="{{$item['currency']}}" />
            </div>
            <div class="col-sm-2">  
                <input type="text" class="form-control"name="items[{{$item['docposition']}}][currencyvalue]" title="Wartość netto" value="{{$item['currencyvalue']}}" />
            </div>
        </div> 
                @endforeach

        

        

        <div class="form-group row">
 
            <input type="hidden" name="items[{{$i}}][docposition]" value="{{$i}}"/>


            <div class="col-sm-2">
                <input type="text" class="form-control" name="items[{{$i}}][product_id]" title="Produkt" value=""/>
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control"name="items[{{$i}}][quantity]" title="Ilość" value="" />
            </div>
            <div class="col-sm-2">  
                <input type="text" class="form-control" name="items[{{$i}}][currency]" title="Cena netto" value="" />
            </div>
            <div class="col-sm-2">  
                <input type="text" class="form-control" name="items[{{$i}}][currencyvalue]" title="Wartość netto" value="" />
            </div>
        </div>
        

	    <div class="form-group">
	    <button type="submit" name="action" value="kontekst" class="btn btn-primary ml-3" >+ kontakt</button>
	    <a class="btn btn-default btn-close btn-secondary ml-3" href="{{ url()->previous()}}">Anuluj</a>  
     	<button type="submit" class="btn btn-success">Zapisz</button>    
    	</div>
    </form>
</div>	
<!--      w("#hisname").click(function() {
          w("#hisname").val('');
          w("#client_id").val('');
          w("#hisaddres").val('');
          w("#hispostalcode").val('');
          w("#hiscity").val('');
          w("#hisnipcode").val('');
          w("#hisnip").val('');
        }); -->


<script type="text/javascript">
  var w=jQuery.noConflict();
  w(document).ready(function() { 
  

        w("#hisname").autocomplete({
            minLength: 0,
            source : function( request, response ) {
                w.ajax({
                    url: "/clients/search/"+request.term,
                    dataType: "json",
                    success: function (data) {
                        if(!data.length) {
                            var data = [
                                {
                                    id: 'new',
                                    nip:'',
                                    name:'Brak szukanego kontrahenta, kontynuuj wprowadzanie',
                                    city:''
                                }
                            ];
                        }
                        response( data );
                    }
                });
            },
            focus: function (event, ui) {
                //w("#hisname").val(ui.item.name);
                return false;
            },
            select: function (event, ui) {
               if(ui.item.id=='new'){
              //w("#hisname").val('');
              w("#client_id").val('');
              w("#hisaddres").val('');
              w("#hispostalcode").val('');
              w("#hiscity").val('');
              w("#hisnipcode").val('');
              w("#hisnip").val('');
               }
               else{
                w("#client_id").val(ui.item.id); 
                w("#hisname").val(ui.item.name);
                w("#hisaddres").val(ui.item.addres);
                w("#hispostalcode").val(ui.item.postalcode);
                w("#hiscity").val(ui.item.city);
                w("#hisnipcode").val(ui.item.nipcode);
                w("#hisnip").val(ui.item.nip);
                }
                //alert("klik");    
                return false;
            }
        })
            .data("ui-autocomplete")._renderItem = function (ul, item) {
                return w("<li>")
                    .data("ui-autocomplete-item", item)
                    .append("<a> ["+item.name + "] - " + item.city + " NIP: " + item.nip + "</a>")
                    .appendTo(ul);
            };
 });
  

  </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


 <script src="{{ asset('js/bootstrap-select.js') }}"></script>

@endsection