@extends('admin.master')

@section('title', 'Edit Product')

@section('contents')
  <!-- row -->
  <div class="row">
    <div class="col-md-12">
      <!-- general form elements -->
      <div class="card card-info">
        <div class="card-header">
          <h3 class="card-title">Edit Product</h3>
        </div>
        <!-- /.card-header -->
        <!-- form start -->
        <form role="form" action="{{ url('/editproduct/'.$product->id) }}" method="post">
          @csrf
          @method('put')
          <div class="card-body">
            <div class="row">
              <div class="col-md-6">
                <div class="form-group">
                  <label for="item_name">Name <span style="color:red">*</span></label>
                  <input type="text" class="form-control @error('item_name') is-invalid @enderror" id="item_name" name="item_name" value="{{ $product->item_name }}" required>
                  @error('item_name')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label>Type <span style="color:red">*</span></label>
                  <select id="type" name="type" class="form-control @error('type') is-invalid @enderror" required>
                    <option disabled selected>Select type</option>
                    <option value="Cars">Cars</option>
                    <option value="Parts">Parts</option>
                  </select>
                  @error('type')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Unit price <span style="color:red">*</span></label>
                  <input type="number" class="form-control @error('price') is-invalid @enderror" id="price" name="price" value="{{ $product->price }}" required>
                  @error('price')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Available Quantity <span style="color:red">* <small>be carefull when updating this. It may cause you un-equal qty issue in report.</small></span></label>
                  <input type="number" class="form-control @error('qty') is-invalid @enderror" id="qty" name="qty" value="{{ $product->qty }}" required>
                  @error('qty')
                  <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                  @enderror
                </div>
                <div class="form-group">
                  <label for="item_name">Serial No/Chassis no</label>
                  <input type="text" class="form-control" id="serial_no" name="serial_no" value="{{ $product->serial_no }}">
                </div>
                <div class="form-group">
                  <label>Condition</label>
                  <select name="car_condition" class="form-control">
                    <option value="Used">Used</option>
                    <option value="New">New</option>
                  </select>
                </div>
                <div class="form-group">
                  <label>Description</label>
                  <textarea class="form-control" rows="3" id="description" name="description">{{ $product->description }}</textarea>
                </div>
              </div>
              <div class="col-md-6">
                <div id="car_specs">
                  <div class="form-group">
                    <label for="item_name">Car brand</label>
                    <input type="text" class="form-control" id="car_brand" name="car_brand" value="{{ $product->car_brand }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car model</label>
                    <input type="text" class="form-control" id="car_model" name="car_model" value="{{ $product->car_model }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Color</label>
                    <input type="text" class="form-control" id="car_model" name="car_color" value="{{ $product->car_color }}">
                  </div>
                  <div class="form-group">
                    <label>Car Fuel type</label>
                    <select name="car_body_type" id="car_fuel_type" class="form-control">
                      <option value="Diesel">Diesel</option>
                      <option value="Petrol">Petrol</option>
                      <option value="Diesel-Petrol">Diesel-Petrol</option>
                    </select>
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Trim/Edition</label>
                    <input type="text" class="form-control" id="car_trim" name="car_trim" value="{{ $product->car_trim }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Model year</label>
                    <input type="text" class="form-control" id="car_model_year" name="car_model_year" value="{{ $product->car_model_year }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Registration year</label>
                    <input type="text" class="form-control" id="car_reg_year" name="car_reg_year" value="{{ $product->car_reg_year }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Registration Number</label>
                    <input type="text" class="form-control" id="car_fuel_type" name="car_reg_number" value="{{ $product->car_reg_number }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Transmission</label>
                    <input type="text" class="form-control" id="car_transmission" name="car_transmission" value="{{ $product->car_transmission }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Body type</label>
                    <input type="text" class="form-control" id="car_body_type" name="car_body_type" value="{{ $product->car_body_type }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Engine capacity</label>
                    <input type="text" class="form-control" id="car_engine_capacity" name="car_engine_capacity" value="{{ $product->car_engine_capacity }}">
                  </div>
                  <div class="form-group">
                    <label for="item_name">Car Kilometers run</label>
                    <input type="text" class="form-control" id="car_kilometers_run" name="car_kilometers_run" value="{{ $product->car_kilometers_run }}">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- /.card-body -->

          <div class="card-footer">
            <button type="submit" class="btn btn-primary">Update</button>
          </div>
        </form>
      </div>
      <!-- /.card -->

    </div>
  </div>
  <!-- /.row -->
@endsection

@section('script_links')
  <script>
    @foreach(['success','error'] as $type)
    @if(Session::has('msg-'.$type))
    toastr.{{ $type }}('{{ Session::get('msg-'.$type) }}');
    @endif
    @endforeach

    $(function() {
      $('#car_specs').hide();
      $('#type').change(function () {
        var type = $(this).val();
        if(type == "Cars"){
          $('#car_specs').show();
        } else {
          $('#car_specs').hide();
          $('#car_specs').find(':input').each(function () {
            $(this).val('');
          });
        }
      });
      var type = '{{ $product->type }}';
      $('#type').val(type);

      if(type == "Cars"){
        $('#car_specs').show();
      }

      var car_condition = '{{ $product->car_condition }}';
      $('#car_condition').val(car_condition);

      var car_fuel_type = '{{ $product->car_fuel_type }}';
      $('#car_fuel_type').val(car_fuel_type);

    });
  </script>
@endsection