@extends('layouts.admin')

@section('title', '編輯店鋪資料')

@push('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('companies.index') }}">公司與店鋪</a></li>
    <li class="breadcrumb-item active" aria-current="page">編輯店鋪 - {{ $branch->name }}</li>
@endpush

@section('content')
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0">
        <i class="bi bi-shop me-2"></i>編輯店鋪資料
    </h1>
    <a href="{{ route('companies.index') }}" class="btn btn-secondary">
        <i class="bi bi-arrow-left me-2"></i>返回列表
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <i class="bi bi-shop me-2"></i>{{ $branch->name }}
            </div>
            <div class="card-body">
                <form action="{{ route('branches.update', $branch->id) }}" method="POST">
                    @csrf 
                    @method('PUT')
                    
                    <div class="mb-3">
                        <label class="form-label fw-bold">
                            <i class="bi bi-shop text-warning me-2"></i>店鋪名稱 <span class="text-danger">*</span>
                        </label>
                        <input type="text" name="name" class="form-control form-control-lg" 
                               value="{{ $branch->name }}" required>
                    </div>
                    
                    <div class="mb-4">
                        <label class="form-label fw-bold">
                            <i class="bi bi-geo-alt text-danger me-2"></i>詳細地址
                        </label>
                        <input type="text" name="address" class="form-control" 
                               value="{{ $branch->address }}" placeholder="請輸入詳細地址">
                    </div>
                    
                    <!-- 顯示該店鋪的統計資訊 -->
                    <div class="alert alert-info">
                        <strong><i class="bi bi-info-circle me-2"></i>店鋪資訊：</strong>
                        <ul class="mb-0 mt-2">
                            <li>所屬公司：<strong>{{ $branch->company->name ?? '無' }}</strong></li>
                            <li>目前員工數：<strong>{{ $branch->workers->count() }}</strong> 人</li>
                        </ul>
                    </div>
                    
                    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                        <a href="{{ route('companies.index') }}" class="btn btn-secondary me-md-2">
                            <i class="bi bi-x-circle me-2"></i>取消
                        </a>
                        <button type="submit" class="btn btn-warning">
                            <i class="bi bi-check-circle me-2"></i>儲存修改
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection