@extends('backend.master')
@section('title','Add Deposit Rule')

@push('styles')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"/>
@endpush

@section('content')
<div class="mx-auto  px-4 py-6">
  <div class="rounded-2xl border border-slate-100 bg-white p-6 shadow-sm">
    <h1 class="mb-4 text-xl font-extrabold"><i class="fa-solid fa-plus text-rose-600"></i> Add Deposit Rule</h1>

    <form action="{{ route('admin.deposit_rules.store') }}" method="POST" class="space-y-4">
      @csrf
      @include('admin.deposit_rules._form', ['rule'=>$rule, 'isEdit'=>false])

      <div class="flex items-center gap-2">
        <a href="{{ route('admin.deposit_rules.index') }}"
           class="rounded-full border border-slate-200 px-4 py-2 text-sm font-semibold hover:bg-slate-50">Cancel</a>
        <button class="rounded-full bg-rose-600 px-5 py-2 text-sm font-semibold text-white hover:brightness-105">
          <i class="fa-solid fa-floppy-disk"></i> Save
        </button>
      </div>
    </form>
  </div>
</div>
@endsection