@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">Venues</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('venue') }}
        </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-5">
                                <label for="search">Search</label>
                                <input type="text" placeholder="Enter Venue name, city" name="search" class="form-control" value="{{request()->get('search')}}">
                            </div>    

                            <div class="col-md-5">
                                <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="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>

            <div class="card">
                <div class="card-body">
                    <table class="table table-bordered dt-responsive nowrap w-100 align-baseline">
                        <thead>
                            <tr>
                                <th>Image</th>
                                <th>Name</th>
                                <th>Description</th>
                                <th>City</th>
                                <th>Favourite</th>
                                <th>Status</th>
                                <th>Author</th>
                                <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                            @if( !$list->isEmpty() )
                                @foreach( $list as $index => $values )
                                    <tr>
                                        <td class="text-center">
                                            @if(!empty( $values->image) )
                                                <img src="{{ asset($values->image) }}" width="50" height="50" class="circle-image">
                                            @else    
                                                <img src="{{ asset('public/assets/images/default-user.png') }}" width="50" height="50" class="circle-image">
                                            @endif
                                        </td>
                                        <td>{{ $values->name }}</td>
                                        <td>{{ $values->description }}</td>
                                        <td>{{ $values->city}}</td>
                                        <td>{{ $values->favourite_venue_count}}</td>
                                        <td class="{{$values->status==1?'text-success':'text-danger'}}">
                                            {{ $values->status == 1?'Active':'Disable' }}
                                        </td>
                                        
                                        <td>
                                            @if( isset($values->user->id) )
                                                <a href="{{route('users.edit',$values->user->id)}}">{{ $values->user->name }}</a>
                                            @else
                                                -    
                                            @endif
                                        </td>
                                        <td>
                                           {{ get_edit_button( route('venues.edit',$values->id), $values->id, 'black text-primary' , 'Edit') }}
                                           {{ get_delete_button(route('venues.destroy',$values->id),$values->id,'black text-danger deleteRecord','Delete')}}
                                           {{ get_approve_button(route('venue.approved',['id'=>$values->id,'value'=>1]))}}
                                           {{ get_disapprove_button(route('venue.approved',['id'=>$values->id,'value'=>0]))}}
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>    
                <div class="card-footer clearfix pg">
                    {{ $list->withQueryString()->links() }}
                </div>                          
            </div>
        </div>
    </div>
</div>
@endsection