@extends('layouts.admin')

@section('content')

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid mt-4">
        <div class="row">
          <!-- left column -->
          <div class="col-md-12">
            <!-- jquery validation -->
            <div class="card card-info">
              <div class="card-header">

                @if(isset($permission->id) && $permission->id != null)
                 <h3 class="card-title">Permsions Edit</h3>
                @else
                    <h3 class="card-title">Permsions Create</h3>
                @endif

              </div>
              <!-- /.card-header -->
              <!-- form start -->

                <form class="form-horizontal" action="{{ route('permission.save') }}" method="POST" role="form">
                        @csrf

                        <div class="card-body">

                            <div class="row">

                                <div class="col-sm-8 offset-2">
                                    <div class="tile-body">
                                        <div class="form-group">
                                            @if(isset($permission->id) && $permission->id != null)

                                            <input type="hidden" name="permissionId" value="{{$permission->id}}">

                                            <div class="col-sm-12 col-md-12">
                                                <div class="form-group row">
                                                    <label for="parent_id" class="col-sm-4 col-form-label"> Parent Permission: </label>
                                                    <div class="col-sm-8">

                                                        <select id="parent_id" name="parent_id"
                                                            class="form-control select2" style="width: 100%;">
                                                            <option value="">Select Permission</option>

                                                            @foreach ($permissions as $v)
                                                                <option value="{{ $v->id }}" {{ ($v->id == $permission->parent_id) ? 'selected' : '' }} > {{ $v->name }} </option>
                                                            @endforeach

                                                        </select>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="col-sm-12 col-md-12">
                                                <div class="form-group row">
                                                    <label for="name" class="col-sm-4 col-form-label"> Permsion Name: <span class="m-l-5 text-danger"> *</span> </label>
                                                    <div class="col-sm-8">

                                                        <input class="form-control @error('name') is-invalid @enderror" placeholder="Permsions name" id="name" name="name" type="text" value="{{ $permission->name }}" data-zdp_readonly_element="false" required="required">

                                                    </div>
                                                </div>
                                            </div>


                                            @else


                                            <div class="col-sm-12 col-md-12">
                                                <div class="form-group row">
                                                    <label for="parent_id" class="col-sm-4 col-form-label"> Parent Permission: </label>
                                                    <div class="col-sm-8">

                                                        <select id="parent_id" name="parent_id"
                                                            class="form-control select2" style="width: 100%;">
                                                            <option value="">Select Permission</option>

                                                            @foreach ($permissions as $v)
                                                                <option value="{{ $v->id }}"> {{ $v->name }} </option>
                                                            @endforeach

                                                        </select>
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="col-sm-12 col-md-12">
                                                <div class="form-group row">
                                                    <label for="name" class="col-sm-4 col-form-label"> Permsion Name: <span class="m-l-5 text-danger"> *</span> </label>
                                                    <div class="col-sm-8">
                                                                        
                                                        <input class="form-control @error('name') is-invalid @enderror" placeholder="Permsions name" id="name" name="name" type="text" value="{{ old('name') }}" data-zdp_readonly_element="false" required="required">

                                                    </div>
                                                </div>
                                            </div>



                                            @endif
                                            @error('name')
                                                <p class="text-danger">{{ $message }}</p>
                                            @enderror
                                        </div>

                                        
                                        <div class="tile-footer">
                                            <button class="btn btn-primary" type="submit">
                                                <i class="fa fa-fw fa-lg fa-check-circle"></i>
                                                Save Permsions
                                            </button>
                                            &nbsp;&nbsp;&nbsp;
                                            <a class="btn btn-secondary" href="{{ route('admin.permission') }}">
                                                <i class="fa fa-fw fa-lg fa-times-circle"></i>
                                                Cancel
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>



                    </form>

            </div>
            <!-- /.card -->
            </div>
          <!--/.col (left) -->
          <!-- right column -->
          <div class="col-md-6">

          </div>
          <!--/.col (right) -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->

@endsection