{% extends 'base.html' %}{% block content %}
<h1 class="h2 mb-3">Pojazdy</h1>
<div class="row g-4">
<div class="col-lg-5"><div class="card"><div class="card-body"><h2 class="h5">Dodaj pojazd</h2>
<form method="post" action="/api/vehicles" class="ajax-form row g-3">
<div class="col-12"><input class="form-control" name="name" placeholder="Nazwa, np. Auto handlowca" required></div>
<div class="col-6"><input class="form-control" name="make" placeholder="Marka" required></div><div class="col-6"><input class="form-control" name="model" placeholder="Model" required></div>
<div class="col-6"><input class="form-control" name="registration" placeholder="Rejestracja" required></div><div class="col-6"><select class="form-select" name="fuel_type"><option>PB95</option><option>PB98</option><option>DIESEL</option><option>LPG</option></select></div>
<div class="col-6"><input class="form-control" type="number" name="current_odometer" placeholder="Licznik"></div>{% if current_user.role in ['boss','admin'] %}<div class="col-12"><label class="form-label">Właściciel / użytkownik pojazdu</label><select class="form-select" name="owner_id">{% for u in assignable_users %}<option value="{{u.id}}" {% if u.id==current_user.id %}selected{% endif %}>{{u.name}} · {{u.company.name if u.company else 'bez firmy'}}</option>{% endfor %}</select></div>{% endif %}<div class="col-6"><select class="form-select" name="fuel_card_id"><option value="">Bez przypisanej karty</option>{% for card in fuel_cards %}<option value="{{card.id}}">{{card.name}} · {{card.provider}}</option>{% endfor %}</select></div>
<div class="col-12"><button class="btn btn-primary">Dodaj</button></div></form></div></div></div>
<div class="col-lg-7">
{% for v in vehicles %}<div class="card mb-3"><div class="card-body">
<div class="d-flex flex-wrap justify-content-between align-items-start gap-2"><div><h2 class="h5 mb-1">{{v.name}}</h2><div>{{v.make}} {{v.model}} · {{v.registration}}</div><small class="text-body-secondary">{{v.fuel_type}} · {{v.current_odometer}} km{% if v.fuel_card %} · karta {{v.fuel_card.name}}{% endif %}</small></div><span class="badge text-bg-secondary flex-shrink-0">Właściciel: {{v.owner.name}}</span></div>
{% if current_user.role in ['boss','admin'] or v.owner_id==current_user.id %}
<div class="mt-3"><h3 class="h6">Udostępnienia</h3><div class="d-flex flex-wrap gap-2 mb-2">{% for driver in v.drivers %}<form method="post" action="/api/vehicles/{{v.id}}/shares/{{driver.id}}" data-method="DELETE" class="ajax-form"><button class="btn btn-sm btn-secondary" title="Odbierz dostęp">{{driver.name}} ×</button></form>{% else %}<span class="text-body-secondary small">Nikomu nie udostępniono.</span>{% endfor %}</div>
<form method="post" action="/api/vehicles/{{v.id}}/shares" class="input-group ajax-form"><input class="form-control" type="email" name="email" placeholder="E-mail użytkownika" required><button class="btn btn-secondary">Udostępnij</button></form></div><form action="/api/vehicles/{{v.id}}/fuel-card" data-method="PUT" class="ajax-form row g-2 mt-2"><div class="col-md-8"><label class="form-label">Karta paliwowa pojazdu</label><select class="form-select" name="fuel_card_id"><option value="">Brak</option>{% for card in fuel_cards %}<option value="{{card.id}}" {% if v.fuel_card_id==card.id %}selected{% endif %}>{{card.name}} · {{card.provider}}</option>{% endfor %}</select></div><div class="col-md-4 d-flex align-items-end"><button class="btn btn-primary w-100">Zapisz kartę</button></div></form>

{% endif %}</div></div>{% else %}<div class="alert alert-info">Brak pojazdów.</div>{% endfor %}</div></div>
{% endblock %}