@extends('layouts.app')
@section('content')
<section class="content">
    <div class="container-fluid">

        <div class="px-sm-4">

            <div class="row mt-2 mt-sm-3">
                <div class="col-md-7 col-10">
                    <div class="top-head">
                        <h1>Projects</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#"> Settings</a></li>
                                <li class="breadcrumb-item active" aria-current="page"> Projects</li>
                            </ol>
                        </nav>
                    </div>
                </div>
                <div class="col-md-5 col-2 text-right">
                    <div class="d-flex justify-content-end">

                        <div class="top-search-bar d-sm-block d-none mr-3">
                            <form class="search-form" role="search">
                                <div class="form-group pull-right" id="searchnew">
                                    <input type="text" class="form-control" placeholder="Search by...">
                                    <button type="submit"
                                        class="form-control form-control-submit">Submit</button>
                                    <span class="search-label"><img src="{{ asset('assets/img/search.svg') }}" alt="/"></span>
                                </div>
                            </form>
                        </div>

                        <a href="{{ url('add-project')}}"><button type="button" class="plus-btn"><img src="{{ asset('assets/img/plus-white.svg') }}"
                            alt=""></button></a>
                    </div>
                </div>
            </div>

        

            <div class="row mt-2 mt-sm-4">
                <div class="col-md-12">
                    <div class="card p-2">
                        <div class="table-responsive">
                            <table class="table dairy-table mb-0">
                                <thead>
                                    <tr>
                                        <th colspan="3">PROJECT NAME</th>
                                        <th>IMPROVEMENT AREA</th>
                                        <th colspan="4" >DESCRIPTION</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    <tr>
                                        <td>
                                            <p class="active-notgreen"></p>
                                        </td>
                                        <td>
                                            <img src="{{ asset('assets/img/new-user.png') }}" class="table-user" alt="">
                                        </td>

                                        <td>Dam construction</td>
                                        <td>Water Facility</td>
                                        <td>It was popularised in the 1960s with the release...</td>
                                        <td>Kampala</td>
                                        <td class="Published-text">Published</td>
                                        <td width="90px">
                                            <span class="badge eye-box mr-1"><img src="{{ asset('assets/img/eye.svg') }}"
                                                    alt=""></span>
                                            <span class="badge edit-box"><img src="{{ asset('assets/img/edit.svg') }}"
                                                    alt=""></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p class="active-notgreen"></p>
                                        </td>
                                        <td>
                                            <img src="{{ asset('assets/img/new-user.png') }}" class="table-user" alt="">
                                        </td>

                                        <td>Dam construction</td>
                                        <td>Water Facility</td>
                                        <td>It was popularised in the 1960s with the release...</td>
                                        <td>Kampala</td>
                                        <td class="draft-text">Draft</td>
                                        <td width="90px">
                                            <span class="badge eye-box mr-1"><img src="{{ asset('assets/img/eye.svg') }}"
                                                    alt=""></span>
                                            <span class="badge edit-box"><img src="{{ asset('assets/img/edit.svg') }}"
                                                    alt=""></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p class="active-notgreen active-dotgray"></p>
                                        </td>
                                        <td>
                                            <img src="{{ asset('assets/img/new-user.png') }}" class="table-user" alt="">
                                        </td>

                                        <td>Dam construction</td>
                                        <td>Water Facility</td>
                                        <td>It was popularised in the 1960s with the release...</td>
                                        <td>Kampala</td>
                                        <td class="Published-text">Published</td>
                                        <td width="90px">
                                            <span class="badge eye-box mr-1"><img src="{{ asset('assets/img/eye.svg') }}"
                                                    alt=""></span>
                                            <span class="badge edit-box"><img src="{{ asset('assets/img/edit.svg') }}"
                                                    alt=""></span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <p class="active-notgreen active-dotgray"></p>
                                        </td>
                                        <td>
                                            <img src="{{ asset('assets/img/new-user.png') }}" class="table-user" alt="">
                                        </td>

                                        <td>Dam construction</td>
                                        <td>Water Facility</td>
                                        <td>It was popularised in the 1960s with the release...</td>
                                        <td>Kampala</td>
                                        <td class="Published-text">Published</td>
                                        <td width="90px">
                                            <span class="badge eye-box mr-1"><img src="{{ asset('assets/img/eye.svg') }}"
                                                    alt=""></span>
                                            <span class="badge edit-box"><img src="{{ asset('assets/img/edit.svg') }}"
                                                    alt=""></span>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <p class="active-notgreen active-dotgray"></p>
                                        </td>
                                        <td>
                                            <img src="{{ asset('assets/img/new-user.png') }}" class="table-user" alt="">
                                        </td>

                                        <td>Dam construction</td>
                                        <td>Water Facility</td>
                                        <td>It was popularised in the 1960s with the release...</td>
                                        <td>Kampala</td>
                                        <td class="Published-text">Published</td>
                                        <td width="90px">
                                            <span class="badge eye-box mr-1"><img src="{{ asset('assets/img/eye.svg') }}"
                                                    alt=""></span>
                                            <span class="badge edit-box"><img src="{{ asset('assets/img/edit.svg') }}"
                                                    alt=""></span>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <p class="active-notgreen active-dotgray"></p>
                                        </td>
                                        <td>
                                            <img src="{{ asset('assets/img/new-user.png') }}" class="table-user" alt="">
                                        </td>

                                        <td>Dam construction</td>
                                        <td>Water Facility</td>
                                        <td>It was popularised in the 1960s with the release...</td>
                                        <td>Kampala</td>
                                        <td class="Published-text">Published</td>
                                        <td width="90px">
                                            <span class="badge eye-box mr-1"><img src="{{ asset('assets/img/eye.svg') }}"
                                                    alt=""></span>
                                            <span class="badge edit-box"><img src="{{ asset('assets/img/edit.svg') }}"
                                                    alt=""></span>
                                        </td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-5 justify-content-center">
                <div class="col-md-4">
                    <div class="pagination_rounded">
                        <ul>
                            <li>
                                <a href="#" class="prev"> 
                                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                                 </a>
                            </li>
                            <li class="active"><a href="#">1</a> </li>
                            <li class="hidden-xs"><a href="#">2</a> </li>
                            <li class="hidden-xs"><a href="#">3</a> </li>
                            <li class="visible-xs"><a href="#">4</a> </li>
                            <li>
                                <a href="#" class="next">
                                    <i class="fa fa-angle-left" aria-hidden="true"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>


            <div class="row my-3 my-sm-5">
                <div class="col-md-12">
                    <p class="copy-right">Glad website © . All rights reserved.</p>
                </div>
            </div>

        </div>

    </div>
</section>
@endsection