@extends('layouts.dashboard.template')

@section('content')
    <div class="container">
        <div class="row">
            <x-card :title="'Fraccionamientos'">
                <x-slot:tools>
                    <a href="{{ route('realEstate.development.create') }}" class="btn btn-primary">
                        <i class="fas fa-plus"></i>
                    </a>
                </x-slot>
                <x-slot:body>
                    <div>
                        <table class="table table-bordered table-hover">
                            <thead>
                                <th>Id</th>
                                <th>Inmobiliaria</th>
                                <th>Sucursal</th>
                                <th>Tipo de Fraccionamiento</th>
                                <th>Slug</th>
                                <th>Nombre</th>
                            </thead>
                            <tbody>
                                @foreach ($developments as $development)
                                    <tr>
                                        <td>{{ $development->id }}</td>
                                        <td>{{ $development->realEstate }}</td>
                                        <td>{{ $development->realEstateBranch }}</td>
                                        <td>{{ $development->developmentType }}</td>
                                        <td>{{ $development->slug }}</td>
                                        <td>{{ $development->name }} </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </x-slot>
            </x-card>
        </div>
    </div>
@endsection