@extends('layouts.app')

@section('title', 'Edit Site')

@section('content')
<h2><i class="bi bi-geo-alt"></i> Edit Site</h2>

<div class="card mt-4">
    <div class="card-body">
        <form method="POST" action="{{ route('zones.update', $zone) }}">
            @csrf @method('PUT')
            <div class="mb-3">
                <label class="form-label">Site Name</label>
                <input type="text" name="name" class="form-control" value="{{ $zone->name }}" required>
            </div>
            <div class="mb-3">
                <label class="form-label">Branch</label>
                <select name="branch_id" class="form-select" required>
                    @foreach($branches as $branch)
                    <option value="{{ $branch->id }}" {{ $zone->branch_id == $branch->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="btn btn-yellow">Update</button>
            <a href="{{ route('zones.index') }}" class="btn btn-secondary">Cancel</a>
        </form>
    </div>
</div>
@endsection