
<?php $__env->startSection('content'); ?>
<div class="container-fluid py-3">

  <style>
    .card-edge{ border:1px solid #e6e8ef; border-radius:16px; background:#fff; box-shadow:0 4px 18px rgba(17,24,39,.06) }
    .section-title{ font-size:.95rem; font-weight:700; color:#334155 }
    .logo-preview{ height:56px; width:56px; border-radius:50%; object-fit:contain; border:1px solid #e5e7eb; background:#fff; padding:6px }
    @media (max-width:576px){ .btn-wide{ width:100% } }
  </style>

  <div class="d-flex align-items-center gap-2 mb-3">
    <a href="<?php echo e(url('/admin/mobile-gateways')); ?>" class="btn btn-light border"><i class="fa-solid fa-arrow-left"></i></a>
    <h5 class="mb-0"><i class="fa-solid fa-plus me-2"></i>Create Gateway</h5>
  </div>

  <form action="<?php echo e(url('/admin/mobile-gateways')); ?>" method="POST" enctype="multipart/form-data" class="card-edge p-3">
    <?php echo csrf_field(); ?>

    <?php if($errors->any()): ?>
      <div class="alert alert-danger"><ul class="mb-0"><?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $e): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><li><?php echo e($e); ?></li><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?></ul></div>
    <?php endif; ?>

    <div class="section-title mb-2"><i class="fa-regular fa-rectangle-list me-1"></i> Basics</div>
    <div class="row g-3 mb-3">
      <div class="col-md-6">
        <label class="form-label">Name *</label>
        <input name="name" class="form-control" value="<?php echo e(old('name')); ?>" required>
      </div>
      <div class="col-md-6">
        <label class="form-label">Code (unique) *</label>
        <input name="code" class="form-control" value="<?php echo e(old('code')); ?>" required placeholder="BKASH / NAGAD / ROCKET">
      </div>
      <div class="col-md-3">
        <label class="form-label">Min Limit *</label>
        <input type="number" step="0.01" name="min_limit" class="form-control" value="<?php echo e(old('min_limit',0)); ?>" required>
      </div>
      <div class="col-md-3">
        <label class="form-label">Max Limit *</label>
        <input type="number" step="0.01" name="max_limit" class="form-control" value="<?php echo e(old('max_limit',0)); ?>" required>
      </div>
      <div class="col-md-3">
        <label class="form-label">Active *</label>
        <select name="is_active" class="form-select">
          <option value="1" <?php if(old('is_active','1')==='1'): echo 'selected'; endif; ?>>Active</option>
          <option value="0" <?php if(old('is_active')==='0'): echo 'selected'; endif; ?>>Inactive</option>
        </select>
      </div>
    </div>

    <div class="section-title mb-2"><i class="fa-regular fa-image me-1"></i> Logo</div>
    <div class="row g-3 mb-3">
      <div class="col-md-6">
        <label class="form-label">Logo URL / Emoji / Text</label>
        <input name="logo_path" class="form-control" value="<?php echo e(old('logo_path')); ?>" placeholder="https://... or ⚡">
        <div class="form-text">ফাইল দিলে এটি ইগনোর হবে।</div>
      </div>
      <div class="col-md-6">
        <label class="form-label">Upload Image</label>
        <input type="file" id="logoFile" name="logo_file" class="form-control" accept="image/*">
        <div class="mt-2 d-none" id="previewWrap">
          <img id="logoPreview" class="logo-preview" src="#" alt="preview">
        </div>
      </div>
    </div>

    <div class="section-title mb-2"><i class="fa-solid fa-chart-line me-1"></i> Fees & Commission</div>
    <div class="row g-3 mb-2">
      <div class="col-md-3">
        <label class="form-label">Flat Fee *</label>
        <input type="number" step="0.01" name="flat_fee" class="form-control" value="<?php echo e(old('flat_fee',0)); ?>" required>
      </div>
      <div class="col-md-3">
        <label class="form-label">Percent Fee (%) *</label>
        <input type="number" step="0.01" name="percent_fee" class="form-control" value="<?php echo e(old('percent_fee',0)); ?>" required>
      </div>
      <div class="col-md-3">
        <label class="form-label">Min Commission *</label>
        <input type="number" step="0.01" name="min_commission" class="form-control" value="<?php echo e(old('min_commission',0)); ?>" required>
      </div>
      <div class="col-md-3">
        <label class="form-label">Max Commission *</label>
        <input type="number" step="0.01" name="max_commission" class="form-control" value="<?php echo e(old('max_commission',0)); ?>" required>
      </div>
    </div>

    <div class="d-flex gap-2 flex-wrap">
      <button class="btn btn-primary btn-wide"><i class="fa-solid fa-floppy-disk me-1"></i> Save</button>
      <a class="btn btn-outline-secondary btn-wide" href="<?php echo e(url('/admin/mobile-gateways')); ?>">Cancel</a>
    </div>
  </form>
</div>

<script>
  document.getElementById('logoFile')?.addEventListener('change', e=>{
    const f = e.target.files?.[0]; if(!f) return;
    const url = URL.createObjectURL(f);
    const img = document.getElementById('logoPreview');
    img.src = url; document.getElementById('previewWrap').classList.remove('d-none');
  });
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('backend.master', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/ecareba2/new.rkmotorsbike.top/resources/views/backend/mobile_gateways/create.blade.php ENDPATH**/ ?>