@extends('layouts.app')
@section('content')

<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <ol class="breadcrumb align-items-center">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Templates</li>
                    <li class="m-1">
                        <a href="{{ route($pagelink.'.create') }}" class="btn btn-primary text-white addBtn">
                            Add {{$pagename}}
                        </a>
                    </li>
                </ol>
            </div>
            {{ logs_button('template') }}
        </div>
    </div><!-- /.container-fluid -->
</section>

<div class="container-fluid">
    <div class="row justify-content-center">

        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <!-- <a href="javascript:void(0)" class="showFilter">
                        <span class="fas fa-filter"></span>
                    </a> -->
                    <form class="filter-form">
                        <div class="row align-items-end">

                            <div class="form-group col-md-4">
                                <label for="search">Search</label>
                                <input type="text" placeholder="Enter title , subject , key" name="search" class="form-control" value="{{request()->get('search')}}">
                            </div>    

                            <div class="form-group col-md-3">
                                <label for="type">Type</label>
                                <select name="type" class="form-control">
                                    <option value="">Select Type</option>
                                    <option {{ request()->get('type') == 'email' ?'selected':''}} value="email">Email</option>
                                    <option {{ request()->get('type') == 'notification' ?'selected':''}} value="notification">Notification</option>
                                </select>    
                            </div>  

                            <div class="col-md-3">
                                <label for="datepicker6">Created on</label>
                                <div class="row alignCenter">
                                    @php 
                                        $from = (request()->get('created_at') ) ? request()->get('created_at')[0]:''; 
                                        $to = (request()->get('created_at') ) ? request()->get('created_at')[1]:''; 
                                    @endphp
                                    <div class="input-daterange input-group" id="datepicker6" data-date-format="yyyy-mm-dd" data-date-autoclose="true" data-provide="datepicker" data-date-container='#datepicker6'>
                                        <input type="text" class="form-control" name="created_at[]" placeholder="From" value="{{$from}}" />
                                        <input type="text" class="form-control" name="created_at[]" placeholder="To" value="{{$to}}" />
                                    </div>
                                </div>
                            </div>                                     

                            <div class="form-group col-md-2">
                                <button class="btn btn-primary" type="submit">
                                    Filter <span class="fas fa-filter"></span>
                                </button>
                                <a href="{{ route($pagelink.'.index') }}" class="btn btn-secondary waves-effect custombtn">
                                    Clear 
                                </a>
                            </div>    
                        </div>    
                    </form>
                </div>
            </div>
        </div> 

        @php echo get_session_message() @endphp
        @php echo get_session_errors($errors) @endphp

        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <div class="badge bg-primary p-2 mb-2 mt-2 customCountArea">
                        Showing {{($list->currentpage()-1)*$list->perpage()+1}} to {{$list->currentpage()*$list->perpage()}}
                        of {{$list->total()}} entries
                    </div>                    
                    <table class="table table-bordered dt-responsive nowrap w-100 align-baseline">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Template</th>
                                <th>Title</th>
                                <th>Key</th>
                                <th>Notify</th>
                                <th>Status</th>
                                <th>Created at</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                            @if( !$list->isEmpty() )
                                @foreach( $list as $index => $values )
                                    <tr>
                                        <td><a href="{{route('templates.edit',$values->id)}}">#{{ $values->id }}</a></td>
                                        <td class="text-capitalize">{{ $values->type }}</td>
                                        <td>{{ $values->title }}</td>
                                        <td>{{ $values->key }}</td>
                                        <td>{{ $values->notification_type }}</td>
                                        <td class="{{$values->status==1?'text-success':'text-danger'}}">
                                            {{ $values->status == 1?'Active':'Disable' }}
                                        </td>
                                        <td>{{ default_datetime_format($values->created_at) }}</td>
                                        <td>
                                           {{ get_edit_button( route('templates.edit',$values->id),$values->id,'black text-primary','Edit') }}
                                           {{get_delete_button(route('delete.template',$values->id),$values->id,'black text-danger deleteRecord','Delete')}}
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>                    
                </div>
                <div class="card-footer clearfix pg">
                    {{ $list->withQueryString()->links() }}
                </div>    
            </div>    

        </div>
    </div>
</div>
@endsection