<script>
    import Locations from './Locations.svelte';
    import ItemList         from './ItemList.svelte';
    import ItemProps        from './ItemProps.svelte';

    import { t }            from '../../translations.svelte';
    let companies = [
        {
            id: 1,
            name: 'SRSoftware',
            locations:{
                Langenorla:{
                    Hauptgebäude:{
                        Obergeschoss:{
                        },
                        Untergeschoss:{
                            Einliegerwohnung:{
                                Bad:{
                                },
                                Küche:{
                                },
                                Wohnzimmer:{
                                }
                            },
                            Flur:{
                            },
                            Küche:{
                            },
                            Studio:{
                            }
                        },
                        Werkstatt:{
                        }
                    },
                    Nebengebäude:{
                    },
                    Grundstück:{
                    }
                }
            }
        },

        { id: 2, name: 'Alrauna', locations: {} }
    ]
</script>

<h2>{t('Stock')}</h2>
<table>
    <tbody>
        <tr>
            <td class="locations">
                {#each companies as company}
                <h3>{company.name}</h3>

                <Locations locations={company.locations} />
                {/each}
            </td>
            <td class="items">
                <ItemList />
            </td>
            <td class="properties">
                <ItemProps />
            </td>
        </tr>
    </tbody>
</table>