@extends('layouts.admin')

@section('content')

 <div class="row">
        <h2 style="padding-top:30px;">All Journals</h2>
            <div class="row" style="padding-top:30px;">
                <div class="col-md-8">
                    <form method="get" action="{{ route('FilterDiary') }}">
                        <div class="row">
                            <div class="col-lg-3">
                                <label for="from">From Date</label>
                                <input type=date class="form-control" name="from" id="from"/>
                            </div>
                            <div class="col-lg-3">
                                <label for="to">To Date</label>
                                <input type=date class="form-control" name="to" id="to" />
                            </div>
                            <div class="col-lg-3">
                                <label for="type">Journal Type</label>
                                <select class="form-control" id="type" name="type" placeholder="Package Name">
                                    <option value="" selected>Select Type</option>
                                    <option value="Text">Text</option>
                                    <option value="Image">Picture</option>
                                    <option value="Video">Video</option>
                                </select>
                            </div>
                            <div class="col-lg-2">
                                <div class="buttons"><button type="submit" class="btn btn-primary signpbtn" style="margin-top: 15px;">Filter</button></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-md-4">
                    <form method="get" action="{{ route('FilterDiary') }}">
                        <div class="row">
                            <div class="col-lg-8">
                                <label for="to">Search</label>
                                <input type=text class="form-control" name="search" id="search" />
                            </div>
                            <div class="col-lg-4">
                                <div class="buttons"><button type="submit" class="btn btn-primary signpbtn" style="margin-top: 15px;">Search</button></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <br>

            <div class="col-12" style="padding-top:30px;">
                <table id="example" class="table table-hover responsive nowrap" style="width:100%">
                    <thead>
                        <tr>
                            <th style="visibility: hidden;width: 5px!important;">id</th>
                           <!--  <th>Sr. No</th> -->
                            <th>Date</th>
                            <th>Time</th>
                            <th>Title</th>
                            <th>Type</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    	@if($diaries->count() > 0)
                    	                    	@foreach($diaries as $diary)
                        <tr>
                            <th style="visibility: hidden;width: 5px!important;">{{ $diary->id }}</th>
                          <!--   <td>{{ $count }}.</td> -->
                            <td>
                                <a href="{{ route('diary.show', $diary->id) }}">
                                    {{ date('m/d/Y', strtotime($diary->dated)) }}
                                </a>
                            </td>
                            <td>
                                <a href="{{ route('diary.show', $diary->id) }}">
                                    {{ date('h:i:s A', strtotime($diary->created_at)) }}
                                </a>
                            </td>
                            <td>
                                <a href="{{ route('diary.show', $diary->id) }}">
                                    {{ $diary->title }}
                                </a>
                            </td>
                            <td>{{ $diary->type }}</td>
                            <td>
                                <a href="{{ route('diary.show', $diary->id) }}"><i class="fa fa-eye"></i></a>
								<a href="{{ route('diary.edit', $diary->id) }}"><i class="fa fa-edit"></i></a>

	                            <form action="{{ route('diary.destroy', $diary->id) }}" method="post" style="display: inline-block;">
	                            @csrf
	                            @method('DELETE')
	                                <button type="submit" class="d-inline-block fs-18 text-muted hover-primary" onclick="return confirm('Are you sure you want to delete this diary?');"  style="display: inline-block!important;background: transparent;border: none;">
	                                    <i class="fa fa-trash"></i>
	                                </button>
	                            </form>
							</td>
                        </tr>
                                                @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>

@endsection