@extends('layouts.devexpress')

@section('title', 'Unidades Empresariais')
@section('page-title', 'Unidades Empresariais')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
    <li class="breadcrumb-item active">Unidades</li>
@endsection

@section('content')
<div class="dx-card dx-card-white">
    <div id="unidades-grid"></div>
</div>

<div id="create-unidade-popup"></div>
<div id="edit-unidade-popup"></div>
@endsection

@section('head')
<style>
    .dx-card-white {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        padding: 20px;
    }
</style>
@endsection

@section('scripts')
    <script src="{{ route('js.unidades-grid') }}?v={{ time() }}"></script>
@endsection