@extends('layouts.app')

@section('content')
<main class="main-content">
  <div class="page-header"><h1 class="page-title">Master Data</h1></div>

  @if(session('success')) <div class="alert alert-success">{{ session('success') }}</div> @endif
  @if(session('error')) <div class="alert alert-danger">{{ session('error') }}</div> @endif

@if(auth()->user()->role === 'Admin')
  <div class="content-card" style="margin-bottom:20px;">
    <div class="card-body">
      <h3 style="font-size:1rem;font-weight:700;margin-bottom:16px;">
        <i class="bi bi-plus-circle" style="color:var(--primary-violet);margin-right:8px;"></i>Add New Material
      </h3>
      <form method="POST" action="{{ route('master.store') }}">
        @csrf
        <div class="form-row">
          <div>
            <label class="form-input-label">Kode Material *</label>
            <input type="text" name="code" class="form-input" required>
          </div>
          <div>
            <label class="form-input-label">Deskripsi Material *</label>
            <input type="text" name="description" class="form-input" required>
          </div>
          <div>
            <label class="form-input-label">Kategori</label>
            <input type="text" name="category" class="form-input">
          </div>
          <div>
            <button type="submit" class="btn-add" style="width: 100%; justify-content: center;">
              <i class="bi bi-plus-lg"></i> Add
            </button>
          </div>
        </div>
      </form>
    </div>
  </div>
  @endif

  <div class="content-card">
    <div class="card-body">
      <div class="table-container">
        <table class="data-table">
          <thead><tr><th>Kode Material</th><th>Deskripsi Material</th><th>Kategori</th><th>Action</th></tr></thead>
          <tbody>
            @foreach($materials as $m)
            <tr>
              <td><span class="table-code">{{ $m->code }}</span></td>
              <td><span class="table-description">{{ $m->description }}</span></td>
              <td>{{ $m->category }}</td>
              <td>
                <form method="POST" action="{{ route('master.delete', $m->id) }}" onsubmit="return confirm('Delete this material?');">
                  @csrf
                  <button type="submit" class="btn-icon btn-icon-danger" title="Delete"><i class="bi bi-trash"></i></button>
                </form>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
</main>
@endsection