@extends('admin.layout')

@section('title', 'Add New Gold Rate')

@section('content')
<div class="container-fluid">

  {{-- Back & Title --}}
  <div class="d-flex align-items-center mb-4">
    <a href="{{ route('gold_management') }}" class="btn btn-light me-3">
      <i class="ti ti-arrow-left"></i>
    </a>
    <h4 class="fw-bold mb-0">Add New Rate</h4>
  </div>

  {{-- Card --}}
  <div class="card shadow-sm border-0">
    <div class="card-body">

      <form method="POST" action="">
        @csrf

        <div class="row g-4">

          {{-- Enter Rate --}}
          <div class="col-md-6">
            <label class="form-label">Enter Rate <span class="text-danger">*</span></label>
            <input type="text" class="form-control" name="rate" placeholder="₹ 000.00" required>
          </div>

          {{-- GST % --}}
          <div class="col-md-6">
            <label class="form-label">GST % <span class="text-danger">*</span></label>
            <input type="text" class="form-control" name="gst" placeholder="Enter GST %" required>
          </div>

          {{-- Updated Type --}}
          <div class="col-md-6">
            <label class="form-label">Updated Type <span class="text-danger">*</span></label>
            <select class="form-select" name="type" required>
              <option value="">Select</option>
              <option value="Manual">Manual</option>
              <option value="Auto">Auto</option>
            </select>
          </div>

          {{-- Reason --}}
          <div class="col-md-6">
            <label class="form-label">Reason <span class="text-danger">*</span></label>
            <input type="text" class="form-control" name="reason" placeholder="Enter Reason" required>
          </div>

        </div>

        {{-- Buttons --}}
        <div class="mt-4 d-flex gap-3">
          <button type="submit" class="btn btn-warning px-5">
            New Rate
          </button>

          <a href="{{ route('gold_management') }}" class="btn btn-secondary px-5">
            Discard
          </a>
        </div>

      </form>

    </div>
  </div>

</div>
@endsection