@extends('template.app') @section('meta') @endsection @section('title') Dealer Create @endsection @section('styles')
<style>
    .col-sm-3{
        font-size: 15px;
    }
    .form-control{
        height: 30px;
    }
    .custom-form-spacing {
      margin-bottom: -5px !important;
    }
</style>
<link href="{{ asset('assets/css/dropify.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/sweetalert2.bundle.css') }}" rel="stylesheet"> @endsection @section('content') <div class="page-breadcrumb">
  <div class="row">
    <div class="col-7 align-self-center">
      <h4 class="page-title text-truncate text-dark font-weight-medium mb-1">Dealer Master</h4>
      <div class="d-flex align-items-center">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb m-0 p-0">
            <li class="breadcrumb-item">
              <a href="{{ route('dashboard') }}" class="text-muted">Dashboard</a>
            </li>
            <li class="breadcrumb-item">
              <a href="{{ route('dealer') }}" class="text-muted">Dealer Master</a>
            </li>
            <li class="breadcrumb-item text-muted active" aria-current="page">Create</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>
</div>
<div class="container-fluid">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-body">
          <form action="{{ route('dealer.insert') }}" name="form" id="form" method="post" enctype="multipart/form-data"> @csrf @method('POST') <div class="row">
              <div class="form-group col-sm-4 custom-form-spacing">
                <label for="name">Dealer Name :-</label>
                <input type="text" name="dealer_name" id="name" class="form-control" placeholder="Enter Dealer Name">
                <span class="kt-form__help error name"></span>
              </div>
              <div class="form-group col-sm-4 custom-form-spacing">
                <label for="years">Dealer Email :-</label>
                <input type="email" name="dealer_email" id="dealer_email" class="form-control" placeholder="Enter Dealer Email">
                <span class="kt-form__help error years"></span>
              </div>
              <div class="form-group col-sm-3 custom-form-spacing">
                <label for="amount">Dealer Phone Number :-</label>
                <input type="number" name="dealer_mobile_no" class="form-control" placeholder="Enter Phone Number">
                <span class="kt-form__help error amount"></span>
              </div>
              <div class="form-group col-sm-4 custom-form-spacing">
                <label for="profit">Dealer Address :-</label>
                <textarea name="dealer_address"  class="form-control" placeholder="Enter Address"></textarea>
                <span class="kt-form__help error profit"></span>
              </div>
              <div class="form-group col-sm-4">
                <label for="state">State :-</label>
                <!--<input type="text" name="state" id="state" class="form-control" placeholder="Enter State">-->
                <select name="state" id="state" class="form-control" style="text-transform:uppercase">
                    <option value="">Select State</option>
                    @if(isset($states) && $states->isNotEmpty())
                        @foreach($states AS $state)
                            <option value="{{ $state->id }}">{{ $state->name }}</option>
                        @endforeach
                    @endif
                </select>
                <span class="kt-form__help error state"></span>
              </div>
              <div class="form-group col-sm-3">
                <label for="city">City :-</label>
                <input type="text" name="city" class="form-control" placeholder="City">
                <span class="kt-form__help error city"></span>
              </div>
              <div class="form-group col-sm-4">
                <label for="gst">GST (%) :-</label>
                <input type="text" name="gst" id="gst" class="form-control">
                <span class="kt-form__help error gst"></span>
              </div>
              <div class="form-group col-sm-4">
                <label for="gst_no">GST No :-</label>
                <input type="text" name="gst_no" id="gst_no" class="form-control">
                <span class="kt-form__help error gst_no"></span>
              </div>
              <div class="form-group col-sm-4">
                <label for="total_profit">Remark :-</label>
                <textarea name="remark" class="form-control" placeholder="Enter Remark"></textarea>
                <span class="kt-form__help error total_profit"></span>
              </div>
            </div>
            <div class="form-group">
              <button type="submit" class="btn waves-effect waves-light btn-sm btn-rounded btn-outline-primary">Submit</button>
              <a href="{{ route('dealer') }}" class="btn waves-effect waves-light btn-sm btn-rounded btn-outline-secondary">Back</a>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div> @endsection @section('scripts') <script src="{{ asset('assets/js/promise.min.js') }}"></script>
<script src="{{ asset('assets/js/sweetalert2.bundle.js') }}"></script>
<script>
  $(document).ready(function() {
    var form = $('#form');
    $('.kt-form__help').html('');
    form.submit(function(e) {
      $('.help-block').html('');
      $('.m-form__help').html('');
      $.ajax({
        url: form.attr('action'),
        type: form.attr('method'),
        data: new FormData($(this)[0]),
        dataType: 'json',
        async: false,
        processData: false,
        contentType: false,
        success: function(json) {
          return true;
        },
        error: function(json) {
          if (json.status === 422) {
            e.preventDefault();
            var errors_ = json.responseJSON;
            $('.kt-form__help').html('');
            $.each(errors_.errors, function(key, value) {
              $('.' + key).html(value);
            });
          }
        }
      });
    });
  });
</script> 
@endsection