@extends('backend.template')
@section('main') 
<div class="pagetitle">
      <h1>Setting</h1><br>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item"><a href="{{route('pertanyaan.index')}}">Setting</a></li>
          <li class="breadcrumb-item active">Add Menu</li>
        </ol>
      </nav>
    </div><!-- End Page Title -->

    <section class="section">
      <div class="row">
        <div class="col-lg-12">

        @if(Session::has('gagal'))
`       <div class="alert alert-danger">
        {{Session::get('gagal')}}
        </div>
        @endif

        @if(Session::has('sukses'))
        <div class="alert alert-success">
        {{Session::get('sukses')}}
        </div>
        @endif

<div class="card">
    <div class="card-body table-responsive">
       <h5 class="card-title" >Form Module</h5>   

<form method="POST" action="{{route('module.save', @$module->id)}}" class="row g-3" >
@csrf

<div class="col-md-8">
<label for="inputName5" class="form-label">Name</label>
<input type="text" name="name" value="{{@$module->name}}" id="name" required="required" class="form-control">
@if ($errors->has('name'))
<small class="alert alert-danger">{{ $errors->first('name') }}</small>
@endif
</div>

<div class="col-md-6">
<label for="inputName5" class="form-label">Menu</label>
<select class="form-select" id="menu" name="menu" style="font-size:13px;">
<option>Pilih</option>
@foreach($menu as $menus)
{{@$sel = $menus->id == @$module->menu_id ? 'selected':''}}
<option value="{{$menus->id}}" {{$sel}}>{{@$menus->nama}}</option>
@endforeach
</select>
@if ($errors->has('menu'))
<small class="alert alert-danger">{{ $errors->first('menu') }}</small>
<br>
@endif
</div>


<div class="col-md-8">
<label for="inputName5" class="form-label">Slug</label>
<input type="text" id="slug" value="{{@$module->slug}}" name="slug" required="required" class="form-control">
@if ($errors->has('slug'))
<small class="alert alert-danger">{{ $errors->first('slug') }}</small>
@endif
</div>



<div class="col-md-12">
<label for="inputName5" class="form-label">Deskripsi</label>
<input type="text" id="description" value="{{@$module->description}}" name="description" required="required" class="form-control">
@if ($errors->has('description'))
<small class="alert alert-danger">{{ $errors->first('description') }}</small>
@endif
</div>

<div class="col-md-12">

<label class="form-check-label" for="gridCheck">
@if(!empty(@$module->id))
<input type="checkbox" value="{{@$module->active}}" name="active" {{(@$module->active==1) ? 'checked':''}}> Active
@else
<input class="form-check-input" type="checkbox" value="1" name="active" id="gridCheck"> Active
@endif
                     
</label>
@if ($errors->has('active'))
<small class="alert alert-danger">{{ $errors->first('active') }}</small>
@endif

</div>



                <div class="text-center">
                <button type="submit" class="btn btn-primary">Simpan</button>
                <a href="{{route('module.modules')}}" class="btn btn-secondary">Kembali</a>
                </div>
          </form>
          </div>
          </div>
        </div>
      </div>
    </section>


                    </div>
                </div>
              </div>
            </div>
          <!-- </div>
        </div> -->
        <!-- /page content -->

@endsection

@section('footer_scripts')
<link rel="stylesheet" type="text/css" href="{{asset('assets_backend/css/bootstrap_3.3.7.css')}}"/>
    <script type="text/javascript">
        $("#menu").change(function(){
          $('#slug').val('');
            $.ajax({
                url: "{{ route('menu.searchslug') }}/" + $(this).val(),
                method: 'GET',
                success: function(data) {
                    $('#slug').val(data);
                }
            });
        });
    </script>
@endsection