@include('Partials.sidebar')

<div class="page-body">
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-sm-6 ps-0">
                    <h3>Floor plan</h3>
                </div>
                <div class="col-sm-6 pe-0">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="/">
                                <i class="fas fa-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item active">
                            <a href="/floor-plan-dashboard">Floor plan</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="/floor-plan/create">New</a>
                        </li>
                        <li class="breadcrumb-item">
                            <a href="/floor-plan/map">Map</a>
                        </li>

                    </ol>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header pb-0 card-no-border">
                        <h3>Lorem ipsum dolor</h3>
                        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
                            ut labore et dolore magna aliqua.</span>
                        <span>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
                            commodo consequat. </span>
                    </div>
                    <div class="card-body">
                        <div class="dataTables_length" id="basic-1_length">
                            <label>Show <select name="basic-1_length" aria-controls="basic-1" class="">
                                    <option value="10">10</option>
                                    <option value="25">25</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                </select> entries</label>
                        </div>
                        <div id="basic-1_filter" class="dataTables_filter">
                            <label>Search:<input type="search" class="" placeholder=""
                                    aria-controls="basic-1"></label>
                        </div>


                        <table class="display dataTable no-footer" id="basic-1" role="grid" aria-describedby="basic-1_info">
                            <thead>
                                <tr class="table-header">
                                    <th>Title</th>
                                    {{-- <th>Logo</th>
                                    <th>Project Image</th> --}}
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody class="projects-table">
                                @foreach ($FloorPlanUploads as $index => $floorplan)
                                    <tr class="{{ $index % 2 === 0 ? 'odd' : 'even' }}">
                                        <td>{{ $floorplan->title }}</td>
                                        <td class="edit-delete">
                                            <a href="/floor-plan/{{ $floorplan->id }}/edit"><i class="fas fa-edit"></i></a>

                                            <form action="/floor-plan/{{ $floorplan->id }}/delete" method="POST">
                                                @csrf
                                                @method('DELETE')
                                                <button class="btn" type="submit"><i
                                                        class="fas fa-trash-alt"></i></button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <div class="dataTables_info" id="basic-1_info" role="status" aria-live="polite">Showing 1 to 10
                            of 14 entries</div>

                        <div class="dataTables_paginate paging_simple_numbers" id="basic-1_paginate">
                            <a class="paginate_button previous disabled" aria-controls="basic-1" data-dt-idx="0"
                                tabindex="0" id="basic-1_previous">Previous</a>
                            <span>
                                <a class="paginate_button current" aria-controls="basic-1" data-dt-idx="1" tabindex="0">1</a>
                                <a class="paginate_button " aria-controls="basic-1" data-dt-idx="2" tabindex="0">2</a>
                            </span>
                            <a class="paginate_button next" aria-controls="basic-1" data-dt-idx="3" tabindex="0" id="basic-1_next">Next</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    {{-- <a href="/floor-plan/map">MAP</a> --}}


    {{-- <table>
    <thead>
        <tr>
            <th>Id</th>
            <th>Title</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($FloorPlanUploads as $task)
            <tr>
                <td>{{ $task->id }}</td>
                <td>{{ $task->title }}</td>
                <td class="edit-delete">
                    <a href="/tasks/{{ $task->id }}/edit">Edit</a>
                    <form action="/tasks/{{ $task->id }}" method="POST">
                        @csrf
                        @method('DELETE')
                        <button type="submit">Delete</button>
                    </form>
                </td>
            </tr>
        @endforeach
    </tbody>
</table> --}}

    {{-- <a href="/floor-plan/create">Create New File Upload</a> --}}

</div>

@include('Partials.footer')