@layout('admin/master')
@section('content')
  <section class="main-content">
    <div class="row">
        <div class="col-sm-12">
            @if(hasErrorFor('errors'))
              @!component('admin.flash-errors', {errors: getErrorFor('errors')})
            @endif
            @if(hasErrorFor('error'))
              @!component('admin.flash-error', error = getErrorFor('error') )
            @endif
            @if(flashMessage('success'))
              @!component('admin.flash-success', success = flashMessage('success') )
            @endif
            <div class="card">
                <div class="card-header card-default">
                    Edit Fee
                </div>
                <div class="card-body">
                    <form action="{{ route('fee.update') }}" method="POST">
                        {{ csrfField() }}
                        <input type="hidden" name="slug" value="{{ record.slug }}">
                        <div class="form-group">
                          <label>Fee</label>
                          <input type="number" name="fee" value={{ record.fee }} step="0.01" placeholder="fee">
                        </div>
                        <div class="form-group">
                          <label><strong>Fee Type</strong></label>
                          @if(record.fee_type == '0') 
                            <p value={{record.fee_type}}>User</p>
                          @endif
                          @if(record.fee_type == '1')
                            <p value={{record.fee_type}}>Artist</p>
                          @endif                                                    
                        </div>
                        <div class="form-group">
                          <label>Mode</label>
                          <select required name="mode" class="form-control">
                              <option {{ record.mode == "0" ? 'selected' : '' }} value="0">Dollar</option>
                              <option {{ record.mode == "1" ? 'selected' : '' }} value="1">Percent</option>
                          </select>
                        </div>
                        <div class="form-group">
                            <div class="buttons">
                                <button class="btn btn-primary">Update</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    @include('admin.footer')
  </section>
  @section('scripts')
    {{ script('//cdn.ckeditor.com/4.18.0/standard/ckeditor.js') }}
    <script>
          CKEDITOR.replace( 'editor' );
// 
          // const mode = record.mode; // Replace this with your actual condition
// 
      // if (mode == "1") {
        // document.getElementById("percent").checked = true;
      // } else {
        // document.getElementById("fixed").checked = true;
      // } 

    </script>
  @endsection
@endsection