@extends('layouts.app')
@section('title', 'Branches')
@section('content')
<div class="page-header">
    <div class="page-title"><h1>Master Data <span class="text-muted fw-normal ms-2">/ Branches</span></h1></div>
    <div class="page-actions"><a href="{{ route('masters.branches.create') }}" class="btn btn-primary"><i class="ri-add-line me-1"></i> Create Branch</a></div>
</div>
@include('components.breadcrumb', ['items' => [['label' => 'Dashboard', 'url' => route('dashboard')], ['label' => 'Master Data', 'url' => '#'], ['label' => 'Branches']]])

<div class="card shadow-sm">
    <div class="card-header"><h5 class="card-title mb-0">Branch List</h5></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover table-striped align-middle" id="branchesTable">
                <thead class="table-light">
                    <tr><th>#</th><th>Code</th><th>Name</th><th>Company</th><th>City</th><th>Phone</th><th>Email</th><th>Status</th><th class="text-center">Actions</th></tr>
                </thead>
                <tbody>
                    @forelse($branches as $b)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td><span class="badge bg-light text-dark">{{ $b->code }}</span></td>
                        <td class="fw-medium">{{ $b->name }}</td>
                        <td>{{ $b->company->name ?? '-' }}</td>
                        <td>{{ $b->city->name ?? '-' }}</td>
                        <td>{{ $b->phone ?? '-' }}</td>
                        <td>{{ $b->email ?? '-' }}</td>
                        <td><span class="badge bg-{{ $b->status == 'active' ? 'success' : 'danger' }}">{{ ucfirst($b->status) }}</span></td>
                        <td class="text-center">
                            <div class="dropdown"><button class="btn btn-sm btn-light" data-bs-toggle="dropdown"><i class="ri-more-2-fill"></i></button>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    <li><a class="dropdown-item" href="{{ route('masters.branches.edit', $b) }}"><i class="ri-edit-line me-2"></i>Edit</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><form action="{{ route('masters.branches.destroy', $b) }}" method="POST" class="delete-form">@csrf @method('DELETE')<button type="submit" class="dropdown-item text-danger"><i class="ri-delete-bin-line me-2"></i>Delete</button></form></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="9" class="text-center py-4"><div class="text-muted"><i class="ri-building-line fs-1 d-block mb-2"></i>No branches found</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    $('#branchesTable').DataTable({ responsive: true, pageLength: 25 });
    $('.delete-form').on('submit', function(e) { e.preventDefault(); Swal.fire({ title: 'Are you sure?', icon: 'warning', showCancelButton: true, confirmButtonColor: '#dc3545', confirmButtonText: 'Yes, delete it!' }).then((r) => { if (r.isConfirmed) this.submit(); }); });
});
</script>
@endpush