@extends('admin.masterv2')

@section('styleSheet')
    <!-- BEGIN PAGE LEVEL STYLES -->
    <!-- END PAGE LEVEL STYLES -->
@endsection
@section('content')

    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <ul class="page-breadcrumb">
                    <li>
                        <i class="fa fa-home"></i>
                        <a href="{{route('home')}}">Dashboard</a>
                        <i class="fa fa-angle-right"></i>
                    </li>
                    <li>
                        <a href="{{route('researchList')}}">Research </a>
                    </li>
                </ul>
            </div>
            <!-- END PAGE HEADER-->
            <div class="row adminHeader mb-3">
                <div class="col-md-10">
                    <i class="fa fa-globe"></i> Research Page        
                </div>
                <div class="col-md-2">
                    <a href="{{ route('editResearch', ['id' => 'new']) }}" class="btn btn-success pull-right">
                        <i class="fa fa-plus"></i> Add Research
                    </a>
                </div>
            </div>
            @include('admin.includesV2.backendAlert')
            <div class="portlet box blue-hoki">
                
                <div class="portlet-body">
                    <table id="pageList" class="table table-bordered table-striped" style="width:100%">
                        <thead class="thead-dark">
                            <tr>
                                <th tabindex="0">ID</th>
                                <th tabindex="1">Title</th>
                                <th tabindex="2">start Date</th>
                                <th tabindex="2">End Date</th>
                                <th tabindex="3">Status</th>
                                <th tabindex="5">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($researches as $research)
                                <tr>
                                    <td>{{$research->id}}</td>
                                    <td>
                                       {{$research->title}}
                                    </td>
                                    <td>{{ $research->start_date ? \Carbon\Carbon::parse($research->start_date)->format('d-m-Y') : '' }}
                                    </td>
                                    <td>
                                        {{ $research->end_date ? \Carbon\Carbon::parse($research->end_date)->format('d-m-Y') : '' }}
                                    </td>
                                    <td>{{ $research->status == 1 ? 'Active' : 'Inactive' }}
                                    </td>
                                    <td>
                                        
                                        
                                        <a href="{{ route('editResearch', ['id' => $research->id]) }}" class="btn btn-success btn-sm">
                                            <i class="fa fa-edit"></i> Edit
                                        </a>
                                        <form action="{{ route('destroyResearch', $research->id) }}" method="POST" style="display:inline-block;">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-sm btn-danger ms-3" onclick="return confirm('Are you sure you want to delete this coupon and all its coupons?');">
                                                <i class="fa fa-trash"></i>  Delete
                                            </button>
                                        </form>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                        <tfoot class="thead-dark">
                            <tr>
                                <th tabindex="0">ID</th>
                                <th tabindex="1">Title</th>
                                <th tabindex="2">start Date</th>
                                <th tabindex="2">End Date</th>
                                <th tabindex="3">Status</th>
                                <th tabindex="5">Action</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
                
            </div>
            <!-- BEGIN PAGE CONTENT-->
            <!-- END PAGE CONTENT-->
        </div>
    </div>
@endsection
@section('customJs')

@endsection