<? extract($_REQUEST);

?>
@extends('admin/layouts/default')
{{-- Page title --}}
@section('title')
Sustainable Development Goals List
@parent
@stop

{{-- page level styles --}}
@section('header_styles')
<link href="{{ asset('assets/css/pages/tables.css') }}" rel="stylesheet" type="text/css" />
<!-- end of page level css-->
@stop

{{-- Page content --}}
@section('content')

<section class="content-header">
    <!--section starts-->
    <h1>Sustainable Development Goals</h1>
    <ol class="breadcrumb">
        <li>
            <a href="{{ route('admin.dashboard') }}">
                <i class="livicon" data-name="home" data-size="18" data-loop="true"></i>
                Dashboard
            </a>
        </li>
        <li class="active">Sustainable Development Goals List</li>
    </ol>
</section>
<!--section ends-->
<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="portlet box primary">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="livicon" data-name="responsive" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                        Sustainable Development Goals List
                    </div>
                    @if($createPermission)
                    <a class="btn btn-sm btn-default button-alignment pull-right mb-1" href="{{ route('sdg.create') }}"><span class="glyphicon glyphicon-plus"></span> New</a>
                    @endif
                </div>
                <div class="portlet-body table-responsive">
                    @if ($message = Session::get('success'))
                    <div class="alert alert-success alert-dismissable">
                        <p>{{ $message }}</p>
                    </div>
                    @endif
                    @if ($message = Session::get('error'))
                    <div class="alert alert-danger alert-dismissable">
                        <p>{{ $message }}</p>
                    </div>
                    @endif
                </div>

                <div class="portlet-body table-responsive">
                    <form action="{{ route('sdg.index') }}" method="Get" enctype="multipart/form-data">
                        @csrf

                        <div class="form-group">
                            <div class="input-group mb-5">
                                <input type="text" name="search" autocomplete="off" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                                    <button class="btn btn-info" type="submit"><span class="glyphicon glyphicon-search"> Go</span></button>
                                </span>
                            </div><!-- /input-group -->
                        </div>

                    </form>
                    <table class="table table-striped table-bordered">
                        <thead>
                            <tr>
                                <th>Title</th>
                                <th>Sequence No.</th>
                                <th>Created On</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($sdgs_list as $sdgs)
                            <tr>
                                <td>{{$sdgs->title}}</td>
                                <td>{{$sdgs->sequence_no}}</td>
                                <td>{{gmdate("d-m-Y", $sdgs->created_on)}}</td>
                                <td>
                                    @if($sdgs->status == "1")
                                    <span class="label label-success">Active</span>
                                    @else
                                    <span class="label label-danger">Deleted</span>
                                    @endif
                                </td>
                                <td width="180px">
                                    @if($editPermission)
                                    <a href="{{ route('sdg.edit',$sdgs->sdgs_id) }}" class="btn btn-primary btn-sm pull-left mb-1">
                                        <i class="livicon mt-2" data-name="pen" data-loop="true" data-color="#fff" data-hovercolor="white" data-size="14"></i>
                                        Edit
                                    </a>
                                    @endif
                                    @if($deletePermission)
                                    <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#{{ $sdgs->sdgs_id }}"><i class="livicon mt-2" data-name="trash" data-loop="true" data-color="#fff" data-hovercolor="white" data-size="14"></i>Delete</button>
                                    <!-- Modal -->
                                    <div class="modal fade" id="{{ $sdgs->sdgs_id }}" role="dialog">
                                        <div class="modal-dialog">

                                            <!-- Modal content-->
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                    <h3 class="modal-title text-danger">Confirmation</h3>
                                                </div>
                                                <div class="modal-body">
                                                    <p><strong>Are you sure you want to delete this record?</strong></p>
                                                </div>
                                                <div class="modal-footer">
                                                    {{ Form::open([ 'method'  => 'delete', 'route' => [ 'sdg.destroy', $sdgs->sdgs_id] ]) }}
                                                    {{ Form::hidden('id', $sdgs->sdgs_id) }}
                                                    {{ Form::submit('Yes', ['class' => 'btn btn-danger']) }}
                                                    <button type="button" class="btn btn-primary" data-dismiss="modal">No</button>
                                                    {{ Form::close() }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="col-md-4">
                        Showing {{ $sdgs_list->firstItem() }} to {{ $sdgs_list->lastItem() }} of {{ $sdgs_list->total() }} entries
                    </div>
                    <div class="col-md-8  text-right"> {{ $sdgs_list->appends(request()->input())->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@stop
{{-- page level scripts --}}
@section('footer_scripts')
<script src="{{ asset('assets/js/pages/table-responsive.js') }}"></script>
@stop