@extends('layouts.app')
@section('title', 'Edit Branch')
@section('page-title', 'Edit Branch')

@section('content')
<div class="page-header">
    <nav aria-label="breadcrumb"><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{ route('branches.index') }}">Branches</a></li><li class="breadcrumb-item"><a href="{{ route('branches.show', $branch) }}">{{ $branch->name }}</a></li><li class="breadcrumb-item active">Edit</li></ol></nav>
    <h1>Edit: {{ $branch->name }}</h1>
</div>

<div class="col-12 col-xl-7">
    <div class="card">
        <div class="card-body p-4">
            <form action="{{ route('branches.update', $branch) }}" method="POST">
                @csrf @method('PUT')
                <div class="row g-3">
                    <div class="col-md-8">
                        <label class="form-label">Branch Name *</label>
                        <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $branch->name) }}" required>
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-4">
                        <label class="form-label">Branch Code *</label>
                        <input type="text" name="code" class="form-control @error('code') is-invalid @enderror" value="{{ old('code', $branch->code) }}" required>
                        @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">City</label>
                        <input type="text" name="city" class="form-control" value="{{ old('city', $branch->city) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Phone</label>
                        <input type="text" name="phone" class="form-control" value="{{ old('phone', $branch->phone) }}">
                    </div>
                    <div class="col-12">
                        <label class="form-label">Address</label>
                        <input type="text" name="address" class="form-control" value="{{ old('address', $branch->address) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Email</label>
                        <input type="email" name="email" class="form-control" value="{{ old('email', $branch->email) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Branch Manager Name</label>
                        <input type="text" name="manager_name" class="form-control" value="{{ old('manager_name', $branch->manager_name) }}">
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Status</label>
                        <select name="is_active" class="form-select">
                            <option value="1" {{ $branch->is_active ? 'selected' : '' }}>Active</option>
                            <option value="0" {{ !$branch->is_active ? 'selected' : '' }}>Inactive</option>
                        </select>
                    </div>
                    <div class="col-md-6 d-flex align-items-end">
                        <div class="form-check form-switch mb-2">
                            <input class="form-check-input" type="checkbox" name="is_headquarters" id="isHQ" value="1" {{ $branch->is_headquarters ? 'checked' : '' }}>
                            <label class="form-check-label" for="isHQ">Headquarters branch</label>
                        </div>
                    </div>
                </div>
                <div class="d-flex gap-3 mt-4">
                    <button type="submit" class="btn btn-brand px-5"><i class="bi bi-check-lg me-2"></i>Update Branch</button>
                    <a href="{{ route('branches.show', $branch) }}" class="btn btn-outline-secondary px-4">Cancel</a>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection