@extends('superadmin.layout.page')

@section('css')
<link rel="stylesheet" href="{{ asset('css/jquery.rateyo.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/form/formbuilder.css') }}">
<link rel="stylesheet" href="{{ asset('css/form/form.css') }}">
@endsection

@section('content')
<script>
    var id = '{{ $FormData->id }}'; 

    if(id == ''){
      var form_json = '{}';  
    }else{
      var form_json = `<br />
<b>Warning</b>:  Undefined variable $FormData in <b>C:\xampp\htdocs\backupfile\View\vertical\form\create.blade.php</b> on line <b>16</b><br />
<br />
<b>Warning</b>:  Attempt to read property "form_json" on null in <b>C:\xampp\htdocs\backupfile\View\vertical\form\create.blade.php</b> on line <b>16</b><br />
`;   
    }    
</script>


<div class="content-wrapper" style="min-height: 1246.5px;">
    <!-- Content Header (Page header) -->
<section class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1>{{ $title }} Asset </h1>
      </div>          
    </div>
  </div><!-- /.container-fluid -->
</section>

<!-- Main content -->
<section class="content">
	  <div class="container-fluid">
	    <div class="row">          
	      <div class="col-md-12">            
	        <div class="card card-warning">
	          <div class="card-header">
	            <h3 class="card-title">Asset Form</h3>
	          </div>              
	          <div class="card-body">
	            <form role="form" id="verticalForm">
      				@csrf
      				  <input type="hidden" name="id" id="id" value="{{ $FormData['id'] }}" >                
                <div class="row">
                    <div class="col-sm-4">
                      <div class="form-group">
                          <label>Vertical</label>
                          <select name="vertical_id" class="form-control" id="vertical_id">
                            <option value="">Select Vertical</option>
                            @foreach(Vertical() as $vert)
                              <option value="{{ $vert['id'] }}" {{ ($vert->id == $FormData->vertical_id) ? 'selected' : '' }}> {{ $vert['vertical_name'] }}</option> 
                            @endforeach
                          </select>
                          @error('vertical_id')
                            <span class="invalid-feedback" role="alert">
                              <strong>{{ $message }}</strong>
                            </span>
                          @enderror 
                        </div>
                    </div>
                    <div class="col-md-4">
                      <div class="form-group">
                        <label>Form Name:</label>
                        <input type="text" class="form-control" name="form_name" id="form_name" value="{{ $FormData->form_name }}">
                      </div>
                    </div> 

                    <div class="col-sm-4">
                        <div class="form-group">
                            <label>Status</label>
                            <select name="status" class="form-control" id="status">
                                <option value="1" {{ ($FormData->status == 1) ? 'selected' : '' }}>Active</option>
                                <option value="0" {{ (isset($FormData->status)) ? ($FormData->status== 0) ? 'selected' : '' : '' }}>Inctive</option>
                            </select>
                            @error('status')
                              <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                              </span>
                            @enderror 
                       </div>
                    </div>

                    <div class="col-md-12">
                      <div id="build-wrap" class="custom-f-builder"></div>
                    </div>

                    <div class="col-md-4">
                      <label>&nbsp;</label><br>
                      <button type="submit" id="saveData" class="btn btn-success savebtn save-form">Save</button>                      
                    </div>
                </div>
	              <!-- <div class="row">
  				        <div class="col-12">
  				          <a href="{{ route('superadmin.user.list') }}" class="btn btn-secondary">Cancel</a>
  				          <input type="submit" value="Create New User" class="btn btn-success float-right">
  				        </div>
			      	  </div> -->

	            </form>
	          </div>              
	        </div>            
	      </div>          
	    </div>
	  </div>
	</section>
</div>

@endsection('content')

@section('scripts')
	<script src="{{ asset('js/jquery.validate.min.js') }}"></script>
	<script src="{{ asset('js/formj/form-builder.min.js') }}"></script>
  <script src="{{ asset('js/formj/form-render.min.js') }}"></script>  
  <script src="{{ asset('js/jquery.rateyo.min.js') }}"></script>
  <script src="{{ asset('js/formj/form.js') }}"></script> 
  <script src="{{ asset('superadmin/custom_js/form.js') }}"></script>
@endsection