@extends('layouts.app')
@section('title') {{'Edit Painpoint Master'}} @endsection

@section('content')
      <!-- breadcrumb -->
      <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
          <h4 class="page-title">Edit Painpoint Master</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('painpointmaster.list')}}">Painpoint Master</a></li>
            <li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0);">Edit Painpoint Master</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('painpointmaster.update') }}" class="form-horizontal" id="painpointmasterForm" role="form" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="id" value="{{$data['id']}}">
                <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" value="{{$data['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() {
          $('#painpointmasterForm').validate({
              rules: {
                  name: {
                      required: true,
                      maxlength: 40
                  }
              },
              messages: {
                  name: {
                      required: 'Name is required',
                      maxlength: 'Maximum length of name is 40'
                  }
              },
              submitHandler: function(form) {
                  form.submit();
              }
          });
          $("#cancelBtn").click(function () {
            window.location.href = "{{route('painpointmaster.list')}}";
        });
        });
      </script> 
    @endpush
@endsection