@extends('layouts.app')

@section('header')

<div class="card borderless-card">
    <div class="card-block primary-breadcrumb">
        <div class="breadcrumb-header">
            <h5>Edit Supplier</h5>
        </div>
        <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
                <li class="breadcrumb-item">
                    <a href="{{ \URL::to('/')}}">
                        <i class="fas fa-home"></i>
                    </a>
                </li>
                <li class="breadcrumb-item"><a href="{{ \URL::to('supplier/view') }}">List Supplier</a>
                </li>
                <li class="breadcrumb-item"><a href="#">Edit Supplier</a>
                </li>
            </ul>
        </div>
    </div>    
</div>

@endsection

@section('content')

<!-- Main content -->
<div class="card">
  <div class="card-header">
    <label></label>
  </div>
  <div class="card-block">
    <form class="form-horizontal create_supplier" role="form" method="POST" action="{{ url('/supplier/update/'.$supplier->id) }}">

      {{ csrf_field() }}

      <div class="box-body">
        <div class="row">

          <div class="col-sm-6">
            <div class="form-group">
              <label>Supplier Name</label><br>
              <input type="text" class="form-control" name="name" placeholder="Full name" value="{{ $supplier->name }}" required="">
            </div>
          </div>

          <div class="col-sm-6">
            <div class="form-group">
              <label>E-mail</label>
              <input type="email" class="form-control" name="email" placeholder="abc@xyz.com" value="{{ $supplier->email }}">
            </div>
          </div>

        </div>

        <div class="row">

          <div class="col-sm-6">
            <div class="form-group">
              <label>Description</label><br>
              <input type="text" name="description" class='form-control'  value="{{ $supplier->description }}"/>
            </div>
          </div>

        </div>

        <div class="row">

          <div class="col-sm-12">
            <div class="form-group">
              <label>Address</label><br>
              <textarea class="form-control" placeholder="Enter current address ... " name="address">{{ $supplier->address }}</textarea>
            </div>
          </div>

        </div>

        <div class="row">

          

        </div>

        <div class="row">

          <div class="col-sm-6">
            <div class="form-group">
              <label>Contact Mobile</label><br>
              <input type="text" name="contact1" class='form-control' value="{{ $supplier->contact1 }}"/>
            </div>
          </div>

          <div class="col-sm-6">
            <div class="form-group">
              <label>Alternate Mobile</label><br>
              <input type="text" name="contact2" class ='form-control' value="{{ $supplier->contact2 }}"/>
            </div>
          </div>

        </div>

        <div class="row">

          <div class="col-sm-6">
            <div class="form-group">
              <select id="country" name="country_id">
                <option value="">--Select Country--</option>
              </select>
            </div>
          </div>

          <div class="col-sm-6">
            <div class="form-group">
              <select id="currency" name="currency_id">
                <option value="">--Select Currency--</option>
              </select>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-6">
            <div class="form-group">
              <label>TRN Treatment</label><br>
              <select id="trnt" name="trnt" class ='form-control'>
                <option value="1" >Vat Registered</option>
                @if(empty($supplier->gst))
                  <option  value="2" selected="">Vat Non Registered</option>
                @else
                  <option  value="2" >Vat Non Registered</option>
                @endif
              </select>
            </div>
          </div>

          @if(empty($supplier->gst))
            <div class="col-sm-6" id="showTrn" style="display: none">
          @else
            <div class="col-sm-6" id="showTrn">
          @endif

            <div class="form-group">
              <label>TRN</label><br>
              <input type="text" name="gst" class ='form-control' value="{{ $supplier->gst }}"/>
            </div>
          </div>


        </div>

        <div class="row">

          <div class="col-sm-4 col-offset-sm-8">
            <div class="form-group">
              <label>Balance</label><br>
              <input type="text" name="balance" class ='form-control' placeholder = '' value="{{ $supplier->balance }}"/>
            </div>
          </div>

        </div>
          <span><b>Note:</b> Only Active Currency would be listed</span>
      </div>
      <!-- /.box-body -->

      <div class="box-footer" style="margin-top: 1em">
        <button type="reset" class="btn btn-danger pull-left">Reset</button>
        <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-edit"></i> Update</button>
      </div>
    </form>
  </div> 
</div> 
@endsection

@section('scripts')

<script type="text/javascript">
$(document).ready(function() {

  $('#trnt').on("change", function() {

      
      if($(this).val() == 2) 
      {
        $('#showTrn').hide();
      }
      else 
      {
        $('#showTrn').show();
      }
    });

  var country_raw_data = '{!! $countries !!}';
  var country_data = JSON.parse(country_raw_data);

  var country_id = '{!! $supplier->country_id !!}';

  $("#country").select2({
      data: country_data
  });

  $('#country').val(country_id);
  $('#country').trigger('change'); 

  var currency_raw_data = '{!! $currencies !!}';
  var currency_data = JSON.parse(currency_raw_data);

  var currency_id = '{!! $supplier->currency_id !!}';

  $("#currency").select2({
    data: currency_data
  });

  $('#currency').val(currency_id);
  $('#currency').trigger('change');


  $('#country').on('select2:select', function (e) {
        var data = e.params.data;
        if(data.text == "United Arab Emirates") {
          $('#showOnlyUAE').show();
        } else {
          $('#trnValue').val("");
          $('#showOnlyUAE').hide();
        }
    });

});


</script>

@endsection