@extends('layouts.admin')

@section('title', '公司與店鋪管理')

@push('breadcrumb')
    <li class="breadcrumb-item active" aria-current="page">公司與店鋪</li>
@endpush

@push('styles')
<link rel="stylesheet" href="{{ asset('css/pages/companies.css') }}">
@endpush

@section('content')
<!-- Page Header -->
<div class="page-header">
    <div class="row align-items-center">
        <div class="col-12">
            <h1><i class="bi bi-building me-3"></i>公司與店鋪管理</h1>
            <form method="GET" action="{{ route('companies.index') }}" class="d-flex gap-2 mt-3 search-inline">
                <input type="text"
                       name="keyword"
                       class="form-control search-input-wide"
                       placeholder="搜尋公司、店鋪、地址、員工或電話..."
                       value="{{ old('keyword', $keyword) }}">
                <button type="submit" class="btn btn-light text-nowrap">
                    <i class="bi bi-search me-1"></i>搜尋
                </button>
                @if($keyword)
                    <a href="{{ route('companies.index') }}" class="btn btn-outline-light text-nowrap">
                        <i class="bi bi-x-circle"></i>
                    </a>
                @endif
            </form>
        </div>
    </div>
</div>

<div class="row">
    <!-- Left Column: Add Company Form -->
    <div class="col-md-4 mb-4">
        <div class="add-form-card">
            <div class="card-header">
                <i class="bi bi-plus-circle me-2"></i>新增公司
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('companies.store') }}">
                    @csrf
                    <div class="mb-3">
                        <label class="form-label fw-bold">
                            <i class="bi bi-building text-primary me-2"></i>公司名稱
                        </label>
                        <input type="text" 
                               class="form-control form-control-lg" 
                               name="name" 
                               placeholder="例如：藍--逸京有限公司" 
                               required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-bold">
                            <i class="bi bi-person text-success me-2"></i>聯絡人
                        </label>
                        <input type="text" 
                               class="form-control" 
                               name="contact_person" 
                               placeholder="例如：藍國俊">
                    </div>
                    <div class="mb-4">
                        <label class="form-label fw-bold">
                            <i class="bi bi-telephone text-info me-2"></i>聯絡電話
                        </label>
                        <input type="text" 
                               class="form-control" 
                               name="phone" 
                               placeholder="例如：2123 4567">
                    </div>
                    <button type="submit" class="btn btn-primary btn-lg w-100">
                        <i class="bi bi-check-circle me-2"></i>新增公司
                    </button>
                </form>
            </div>
        </div>
    </div>

    <!-- Right Column: Company List -->
    <div class="col-md-8">
        @forelse ($companies as $company)
            <div class="company-card">
                <div class="card-header d-flex flex-wrap justify-content-between align-items-center gap-2">
                    <div class="flex-grow-1">
                        <div class="company-name">
                            <i class="bi bi-building me-2"></i>{{ $company->name }}
                        </div>
                        <div class="company-contact">
                            @if($company->contact_person)
                                <span class="me-3">
                                    <i class="bi bi-person"></i>{{ $company->contact_person }}
                                </span>
                            @endif
                            @if($company->phone)
                                <span>
                                    <i class="bi bi-telephone"></i>{{ $company->phone }}
                                </span>
                            @endif
                        </div>
                    </div>
                    <div class="company-actions flex-shrink-0">
                        <a href="{{ route('documents.companies.show', $company->id) }}"
                           class="btn btn-outline-success btn-sm">
                            <i class="bi bi-folder2-open"></i><span class="d-none d-md-inline ms-1">文件</span>
                        </a>
                        <a href="{{ route('companies.edit', $company->id) }}"
                           class="btn btn-outline-primary btn-sm">
                            <i class="bi bi-pencil-square"></i><span class="d-none d-md-inline ms-1">編輯</span>
                        </a>
                        @if(auth()->user()->isAdmin())
                        @if($company->branches->isEmpty())
                            <form action="{{ route('companies.destroy', $company->id) }}"
                                  method="POST"
                                  onsubmit="return confirm('確定要刪除這間公司嗎？');">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-outline-danger btn-sm">
                                    <i class="bi bi-trash"></i><span class="d-none d-md-inline ms-1">刪除</span>
                                </button>
                            </form>
                        @else
                            <button type="button"
                                    class="btn btn-outline-danger btn-sm"
                                    disabled
                                    title="請先刪除該公司底下的所有店鋪">
                                <i class="bi bi-trash"></i><span class="d-none d-md-inline ms-1">刪除</span>
                            </button>
                        @endif
                        @endif
                    </div>
                </div>

                <div class="card-body p-0">
                    @if($company->branches->count() > 0)
                        <div class="table-responsive shop-table">
                            <table class="table table-hover mb-0">
                                <thead>
                                    <tr>
                                        <th>店鋪資訊</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($company->branches as $branch)
                                        <tr>
                                            <td>
                                                <div class="d-flex align-items-center gap-2 mb-1">
                                                    <span class="shop-name">
                                                        <i class="bi bi-shop text-success me-1"></i>{{ $branch->name }}
                                                    </span>
                                                    <div class="shop-actions">
                                                        <a href="{{ route('branches.edit', $branch->id) }}"
                                                           class="btn btn-warning btn-sm" title="編輯">
                                                            <i class="bi bi-pencil"></i>
                                                        </a>
                                                        @if(auth()->user()->isAdmin())
                                                        <form action="{{ route('branches.destroy', $branch->id) }}"
                                                              method="POST"
                                                              onsubmit="return confirm('{{ $branch->workers->count() > 0 ? '此店鋪尚有員工，刪除後員工將不再隸屬任何店鋪。確定要刪除這間店鋪嗎？' : '確定要刪除這間店鋪嗎？' }}');">
                                                            @csrf
                                                            @method('DELETE')
                                                            <button type="submit" class="btn btn-danger btn-sm" title="刪除">
                                                                <i class="bi bi-trash"></i>
                                                            </button>
                                                        </form>
                                                        @endif
                                                    </div>
                                                </div>
                                                @if($branch->address)
                                                    <div class="text-muted small mb-1">
                                                        <i class="bi bi-geo-alt text-danger me-1"></i>{{ $branch->address }}
                                                    </div>
                                                @endif
                                                @if($branch->workers->count() > 0)
                                                    @php
                                                        $allWorkers = $branch->workers->sortBy([['position', 'asc'], ['zh_name', 'asc']])->values();
                                                        $maleWorkers = $allWorkers->where('gender', '男');
                                                        $femaleWorkers = $allWorkers->where('gender', '!=', '男');
                                                    @endphp
                                                    <div class="worker-list">
                                                        <div class="worker-list-title">
                                                            <i class="bi bi-people-fill me-1"></i>
                                                            員工 ({{ $branch->workers->count() }}人)
                                                            <span class="ms-2 small">
                                                                <i class="bi bi-gender-male" style="color:#36b9cc"></i> 男 {{ $maleWorkers->count() }}
                                                                <i class="bi bi-gender-female ms-2" style="color:#e83e8c"></i> 女 {{ $femaleWorkers->count() }}
                                                            </span>
                                                        </div>
                                                        <div class="worker-names triple">
                                                            @foreach($allWorkers as $worker)
                                                                <div class="worker-name {{ $worker->gender === '女' ? 'female' : 'male' }}">
                                                                    <a href="{{ route('workers.show', $worker->id) }}" class="worker-name-link">{{ $worker->zh_name ?: '（未填姓名）' }}</a>@if($worker->position) <span class="fw-normal text-muted small">{{ $worker->position }}</span>@endif
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                @else
                                                    <span class="text-muted small">
                                                        <i class="bi bi-inbox me-1"></i>尚無分配員工
                                                    </span>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center py-4">
                            <i class="bi bi-shop text-muted" style="font-size: 3rem;"></i>
                            <p class="text-muted mt-2">目前尚未建立任何店鋪</p>
                        </div>
                    @endif
                </div>

                <!-- Add Shop Form -->
                <div class="add-shop-form">
                    <form method="POST" action="{{ route('branches.store', $company->id) }}" 
                          class="row g-3 align-items-end">
                        @csrf
                        <input type="hidden" name="company_id" value="{{ $company->id }}">
                        <div class="col-auto">
                            <label class="form-label">
                                <i class="bi bi-plus-circle text-primary me-1"></i>新增店鋪
                            </label>
                        </div>
                        <div class="col-md-4">
                            <input type="text" 
                                   class="form-control" 
                                   name="name" 
                                   placeholder="店鋪名稱" 
                                   required>
                        </div>
                        <div class="col-md-4">
                            <input type="text" 
                                   class="form-control" 
                                   name="address" 
                                   placeholder="詳細地址">
                        </div>
                        <div class="col-auto">
                            <button type="submit" class="btn btn-success">
                                <i class="bi bi-check me-1"></i>儲存
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        @empty
            <div class="card" style="border-radius: 1rem; border: none; box-shadow: 0 4px 15px rgba(0,0,0,0.08);">
                <div class="card-body empty-company-state">
                    <i class="bi bi-building-x"></i>
                    <h4 class="text-muted">目前尚未建立公司資料</h4>
                    <p class="text-muted">請從左側表單新增公司</p>
                </div>
            </div>
        @endforelse
    </div>
</div>
@endsection