@extends('layouts.master')

@section('content')
@push('styles')
<style>
  /* --- Glass wrapper --- */
  .glass-container {
    max-width: 600px;
    margin: 2rem auto;
    backdrop-filter: blur(12px);
    background: rgba(255,255,255,0.8);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 16px;
    padding: 2rem;
    transition: background .3s, border-color .3s;
  }
  body.dark-mode .glass-container {
    background: rgba(30,30,40,0.7);
    border-color: rgba(255,255,255,0.15);
  }

  /* --- Form controls --- */
  .glass-container .form-control {
    transition: background-color .3s, color .3s, border-color .3s;
  }
  body.light-mode .glass-container .form-control {
    background-color: #fff;
    color: #212529;
    border: 1px solid #ccc;
  }
  body.dark-mode .glass-container .form-control {
    background-color: #2b2b2b;
    color: #e0e0e0;
    border: 1px solid #555;
  }

  /* --- Buttons --- */
  .glass-container .btn {
    transition: background .3s, border-color .3s, color .3s;
  }
  body.dark-mode .btn-success {
    background-color: #388e3c !important;
    border-color: #388e3c !important;
    color: #fff !important;
  }
  body.dark-mode .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
  }
</style>
@endpush

<div class="glass-container">
  <h2 class="mb-4">🏢 Nowa firma</h2>

  <form action="{{ route('admin.companies.store') }}" method="POST">
    @csrf

    <div class="mb-3">
      <label for="name" class="form-label">Nazwa firmy</label>
      <input id="name"
             name="name"
             type="text"
             class="form-control @error('name') is-invalid @enderror"
             placeholder="Wprowadź nazwę..."
             value="{{ old('name') }}"
             required>
      @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="mb-3">
      <label for="agency" class="form-label">Agencja</label>
      <input id="agency"
             name="agency"
             type="number"
             class="form-control @error('agency') is-invalid @enderror"
             placeholder="Wprowadź numer agencji..."
             value="{{ old('agency') }}">
      @error('agency')<div class="invalid-feedback">{{ $message }}</div>@enderror
    </div>

    <div class="d-flex gap-2">
      <button type="submit" class="btn btn-success">
        Zapisz
      </button>
      <a href="{{ route('admin.companies.index') }}" class="btn btn-secondary">
        Anuluj
      </a>
    </div>
  </form>
</div>
@endsection