@extends('layouts.admin')

@section('title', 'Edit territory — '.config('app.name'))
@section('page_title', 'Edit territory')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.territories.index') }}">Territories</a></li>
    <li class="breadcrumb-item active">{{ $territory->name }}</li>
@endsection

@section('content')
    <div class="card">
        <div class="card-header"><h5 class="mb-0">{{ $territory->name }}</h5></div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.territories.update', $territory) }}">
                @csrf
                @method('PUT')
                <div class="mb-3">
                    <label class="form-label">Name</label>
                    <input type="text" name="name" class="form-control" value="{{ old('name', $territory->name) }}" required maxlength="60">
                </div>
                <div class="mb-3">
                    <label class="form-label">Countries</label>
                    <select name="countries[]" class="form-select" multiple size="16">
                        @foreach ($countries as $country)
                            <option value="{{ $country->id }}" @selected(in_array($country->id, old('countries', $selected), true))>
                                {{ $country->name }} ({{ $country->iso_code }})
                            </option>
                        @endforeach
                    </select>
                    <div class="form-text">Hold Ctrl/Cmd to multi-select.</div>
                </div>
                <button class="btn btn-primary" type="submit">Save</button>
            </form>
        </div>
    </div>
@endsection