@extends('layouts.admin')

@section('content')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb iq-bg-primary">
            <li class="breadcrumb-item"><a href="{{ route('dashboard') }}"><i
                        class="ri-home-4-line mr-1 float-left"></i>Dashboard</a></li>
            <li class="breadcrumb-item active" aria-current="page"> Project</li>
        </ol>
    </nav>
    <div class="row justify-content-center">
        <div class="col-lg-12">
            <div class="iq-card">

                <div class="iq-card-header d-flex justify-content-between">

                    <div class="iq-header-title">
                        <h4 class="card-title">All Project</h4>
                    </div>
                    <a class="btn btn-warning" href="{{ route('project.create') }}" role="button">Add Project</a>
                </div>

                <div class="iq-card-body">
                    <div class="table-responsive">
                        <table id="datatable" class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>Builder</th>
                                    <th>Project</th>
                                    <th>Address</th>
                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if (!empty($content))
                                    @foreach ($content as $contents)
                                        <tr>
                                            <td> </td>
                                            <td>{{ $contents->name }}</td>
                                            <td>{{ $contents->address }}</td>

                                            <td>{{ date('d-M-y', strtotime($contents->updated_at)) }}</td>
                                            <td>
                                                <div class="custom-control custom-switch">
                                                    <input type="checkbox" class="custom-control-input"
                                                        onchange="setretargetagent({{ $contents->id }},this)"
                                                        id="customSwitch{{ $contents->id }}" name="status"
                                                        @if ($contents->status == 1) checked="" @endif>
                                                    <label class="custom-control-label"
                                                        for="customSwitch{{ $contents->id }}">&nbsp;</label>
                                                </div>
                                            </td>
                                            <td> <a href="{{ route('project.edit', $contents->id) }}">
                                                    <button type="button" class="icon-btn edit"><i
                                                            class="fa fa-edit"></i></button>
                                                </a></td>
                                            <td>
                                                <form action="{{ route('project.delete', $contents->id) }}" method="GET">
                                                    <input type="hidden" name="_method" value="DELETE">
                                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                    <button class="icon-btn delete"><i class="fa fa-trash"></i></button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach
                                @endif

                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>Builder</th>
                                    <th>Project</th>
                                    <th>Address</th>

                                    <th>Date</th>
                                    <th>Status</th>
                                    <th>Edit</th>
                                    <th>Delete</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>

@endsection