@extends('adminlte::page')

@section('css')
  <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
@endsection

@section('title', 'Reef | Perk')

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
              <div class="card card-primary">
                <div class="card-header">
                        @if(Session::has('error'))
                            <p class="alert {{ Session::get('alert-class', 'alert-warning') }}" id="msg_alert">{{ Session::get('error') }}</p>
                          @endif
                    <h3 class="card-title">Create Perk</h3>
                  </div>
                  @if(Session::has('message'))
                    <p class="alert {{ Session::get('alert-class', 'alert-info') }}" id="msg_alert">{{ Session::get('message') }}</p>
                  @endif   
                
                  @livewire('dashboard.perks.perk-form', ['perk' => $perk])
                 
              </div>
              <!-- /.box -->
            </div>
            <!-- /.col -->
          </div>
        </div>
@stop