@extends('admin.layout')

@section('title', 'Silver Management')

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

  {{-- Page Header --}}
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0">Silver Management</h4>
    <a href="{{ route('add_silver_rate') }}" class="btn btn-warning">
      Add New Rate
    </a>
  </div>

  {{-- Filters --}}
  <div class="card shadow-sm border-0 mb-4">
    <div class="card-body">
      <form class="row g-3 align-items-center">
        <div class="col-md-4">
          <input type="date" class="form-control" name="from_date" placeholder="From Date">
        </div>
        <div class="col-md-4">
          <input type="date" class="form-control" name="to_date" placeholder="To Date">
        </div>
        <div class="col-md-2">
          <button type="submit" class="btn btn-warning w-100">Search</button>
        </div>
      </form>
    </div>
  </div>

  {{-- Table --}}
  <div class="card shadow-sm border-0">
    <div class="card-body table-responsive">
      <table class="table table-striped table-bordered">
        <thead>
          <tr>
            <th>SNO</th>
            <th>DATE & TIME</th>
            <th>OLD RATE (₹/gm)</th>
            <th>NEW RATE (₹/gm)</th>
            <th>UPDATED BY</th>
            <th>TYPE</th>
            <th>REMARK</th>
            <th>ACTION</th>
          </tr>
        </thead>
        <tbody>
          @for($i = 1; $i <= 3; $i++)
          <tr>
            <td>{{ $i }}</td>
            <td>11/02/2024 10:10 AM</td>
            <td>₹ 10,000.00</td>
            <td>₹ 10,500.00</td>
            <td>John</td>
            <td>{{ $i % 2 == 0 ? 'Auto' : 'Manual' }}</td>
            <td>Price Increase</td>
            <td>
              <a href="{{route('update_rate')}}" class="text-warning me-2">View</a>
              <a href="" class="text-danger"><i class="ti ti-trash"></i></a>
            </td>
          </tr>
          @endfor
        </tbody>
      </table>

      {{-- Pagination --}}
      <div class="d-flex justify-content-end mt-3">
        <nav>
          <ul class="pagination mb-0">
            <li class="page-item"><a class="page-link" href="#">«</a></li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item active"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">4</a></li>
            <li class="page-item"><a class="page-link" href="#">5</a></li>
            <li class="page-item"><a class="page-link" href="#">»</a></li>
          </ul>
        </nav>
      </div>

    </div>
  </div>

</div>
@endsection