@extends('layouts.admin')
@section('title','Store Branch')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">YOUR PHYSICAL STORES</div><h1>Store Branch<span class="gold">.</span></h1><p>Manage your stores. Active switches save automatically.</p></div><button class="button small" type="button" data-branch-open="branch-new">Add branch +</button></div>
<form method="get" action="{{ route('admin.store-branches') }}" class="branch-filters">
<label>Search<input name="q" value="{{ $filters['q'] ?? '' }}" maxlength="100" placeholder="Store code or name"></label>
<label>State<select name="state_filter"><option value="">All states</option>@foreach(\App\Services\MalaysiaStates::OPTIONS as $state)<option @selected(($filters['state_filter']??'')===$state)>{{ $state }}</option>@endforeach<option value="unset" @selected(($filters['state_filter']??'')==='unset')>State not set</option></select></label>
<label>Status<select name="status"><option value="">All statuses</option><option value="active" @selected(($filters['status']??'')==='active')>Active</option><option value="inactive" @selected(($filters['status']??'')==='inactive')>Inactive</option></select></label>
<input type="hidden" name="direction" value="{{ $filters['direction'] ?? 'asc' }}"><label>Sort by<select name="sort">@foreach(['state'=>'State, then name','name'=>'Store name','code'=>'Store code','active'=>'Active status'] as $value=>$label)<option value="{{ $value }}" @selected(($filters['sort']??'state')===$value)>{{ $label }}</option>@endforeach</select></label><button class="button small" type="submit">Apply</button><a class="nav-link" href="{{ route('admin.store-branches') }}">Reset</a></form>
<article class="panel branch-table-panel"><div class="table-wrap"><table><thead><tr>@foreach(['code'=>'Store code','name'=>'Store name','state'=>'State','active'=>'Active'] as $key=>$label)
@php($selected=($filters['sort']??'state')===$key)
@php($direction=$filters['direction']??'asc')
<th aria-sort="{{ $selected ? ($direction==='asc'?'ascending':'descending') : 'none' }}"><a class="branch-sort-link" href="{{ route('admin.store-branches', array_merge(request()->only(['q','state_filter','status']), ['sort'=>$key,'direction'=>$selected && $direction==='asc'?'desc':'asc'])) }}">{{ $label }} <span aria-hidden="true">{{ $selected ? ($direction==='asc'?'↑':'↓') : '↕' }}</span></a></th>
@endforeach<th>Actions</th></tr></thead><tbody>
@forelse($branches as $branch)<tr data-branch-row><td><strong>{{ $branch->code }}</strong></td><td>{{ $branch->name }}</td><td>{{ $branch->state ?: 'Not set' }}</td><td><form method="post" action="{{ route('admin.store-branches.toggle',$branch->id) }}">@csrf @method('PATCH')<input type="hidden" name="active" value="0"><label class="setting-switch"><input type="checkbox" name="active" value="1" role="switch" aria-label="Active status for {{ $branch->code }}" @checked($branch->active) data-branch-toggle><span class="setting-switch-track" aria-hidden="true"><span></span></span><span data-branch-status>{{ $branch->active ? 'Active' : 'Inactive' }}</span></label></form></td><td><button class="button small secondary" type="button" data-branch-open="branch-{{ $branch->id }}">Edit</button></td></tr>
@empty<tr><td colspan="5">No branches match. Adjust your filters or add a branch.</td></tr>@endforelse
</tbody></table></div></article>
<nav class="pagination">@if($branches->previousPageUrl())<a href="{{ $branches->previousPageUrl() }}">← Previous</a>@endif<span>{{ $branches->total() }} branches · Page {{ $branches->currentPage() }} of {{ $branches->lastPage() }}</span>@if($branches->nextPageUrl())<a href="{{ $branches->nextPageUrl() }}">Next →</a>@endif</nav>
@foreach(collect([null])->concat($branches->items()) as $branch)
@php($dialogId=$branch ? 'branch-'.$branch->id : 'branch-new')
<dialog class="branch-dialog" id="{{ $dialogId }}" aria-labelledby="{{ $dialogId }}-title" @if($errors->any() && (string)old('editing_branch')===(string)($branch->id ?? 'new')) data-branch-reopen @endif>
<div class="panel-heading"><h2 id="{{ $dialogId }}-title">{{ $branch ? 'Edit branch' : 'Add store branch' }}</h2><button class="nav-link" type="button" data-branch-close aria-label="Close">×</button></div>
@if($errors->any() && (string)old('editing_branch')===(string)($branch->id ?? 'new'))
<div class="branch-validation" role="alert"><strong>Please check the following:</strong><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
@endif
<form class="stack-form" method="post" action="{{ $branch ? route('admin.store-branches.update',$branch->id) : route('admin.store-branches.create') }}">@csrf @if($branch) @method('PUT') @endif<input type="hidden" name="editing_branch" value="{{ $branch->id ?? 'new' }}">@include('admin.partials.store-branch-form',['branch'=>$branch])<div class="store-branch-actions"><button class="button small" type="submit">{{ $branch ? 'Save branch details' : 'Add branch +' }}</button></div></form>
@if($branch) @if($branch->used)<p class="muted" style="margin-top:20px">This branch has purchase history. Deactivate it to stop new entries.</p>@else<form method="post" action="{{ route('admin.store-branches.delete',$branch->id) }}" style="margin-top:20px" onsubmit="return confirm('Delete this unused store branch?')">@csrf @method('DELETE')<button class="button small secondary branch-action-delete" type="submit">Delete unused branch</button></form>@endif @endif
</dialog>@endforeach
@if($legacy)<details class="panel" style="padding:24px;margin-top:24px"><summary><strong>Match older branch names</strong></summary><p>Select the correct store for each name previously entered. Existing labels stay unchanged. Matching connects the records and prevents the same receipt being used again under the new store name.</p>@foreach($legacy as $entry)<form class="stack-form" method="post" action="{{ route('admin.store-branches.match') }}" style="padding:16px 0;border-bottom:1px solid #deded7">@csrf<input type="hidden" name="legacy_name" value="{{ $entry['name'] }}"><strong>{{ $entry['name'] }} · {{ $entry['count'] }} records</strong><label>Match to store<select name="branch_id" required><option value="">Choose store</option>@foreach($allBranches as $store)<option value="{{ $store->id }}">{{ $store->code }} — {{ $store->name }}{{ $store->active ? '' : ' (inactive)' }}</option>@endforeach</select></label><div class="store-branch-actions"><button class="button small" type="submit">Match records</button></div></form>@endforeach</details>@endif
@endsection
@push('scripts')<link rel="stylesheet" href="{{ asset('wheel/store-branches.css') }}"><script src="{{ asset('wheel/store-branches.js') }}" defer></script>@endpush