@extends('layouts.app')
@section('title') {{'Add roduct Service Type'}} @endsection

@section('content')
      <!-- breadcrumb -->
      <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
          <h4 class="page-title">Add roduct Service Type</h4>
          <ol class="breadcrumb">
          <li class="breadcrumb-item">
            @if(Auth::user()->role_id == 1)
            <a href="{{ route('backend.dashboard') }}">Admin Dashboard</a>
            @else
            <a href="{{ route('backend.business.dashboard') }}">Business Dashboard</a>
            @endif
            </li>
            <li class="breadcrumb-item"><a href="{{ route('productservicetype.list')}}">Product Service Type</a></li>
            <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Add Product Service Type</a></li>
          </ol>
        </div>
      </div>
      <!-- breadcrumb -->

      <!--Row-->
      <div class="row">
        <div class="col-lg-12 col-md-12">
          <div class="card">
            <div class="card-body">
              <form method="POST" action="{{ route('productservicetype.store') }}" class="form-horizontal" id="ProductServiceTypeForm" role="form" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-lg-6">
                        <div class="mb-3">
                            <label for="name" class="form-label">Name</label> <span class="required_compulsary">*</span>
                            <input type="text" id="name" name="name" required class="form-control">
                        </div>
                    </div>
                </div>
                <div class="row">
                  <div class="col-lg-12">
                      <div class="mb-3">
                          <button type="submit" class="btn btn-primary submit">Submit</button>
                          <button type="button" class="btn btn-danger" id="cancelBtn">Cancel</button>
                      </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
      <!--/Row-->
    @push('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
          $('#ProductServiceTypeForm').validate({
              rules: {
                  name: 'required'
              },
              messages: {
                  name: 'Name is required'
              },
              submitHandler: function(form) {
                  form.submit();
              }
          });
          $("#cancelBtn").click(function () {
            window.location.href = "{{route('productservicetype.list')}}";
        });
        });
      </script> 
    @endpush
@endsection