@extends('layouts.user-no-nav')

@section('page_title', __('Saved searches'))

@section('styles')
    {!!
        Minify::stylesheet([
            '/css/pages/home.css',
            '/css/pages/saved-searches.css',
         ])->withFullUrl()
    !!}
@stop

@section('content')
    <div class="container">
        @include('elements.page-navigation-header',[
            'title' => __('Saved searches'),
            'points' => [
                ['title' => __('Home'), 'route' => route('home')],
                ['title' => __('Candidate dashboard'), 'route' => route('my.candidate.dashboard')],
                ['title' => __('Saved searches')],
            ],
        ])

        @include('elements.message-alert',['classes'=>'alert-box pt-0 pb-4'])

        <div class="card rounded-xl shadow-sm mb-4">
            <div class="card-body d-flex flex-column flex-md-row justify-content-between align-items-md-center">
                <div>
                    <h4 class="font-weight-bold mb-1">{{__('Your search alerts')}}</h4>
                    <p class="text-muted mb-0">{{__('Save a search, choose daily or weekly email alerts, and come back to it anytime.')}}</p>
                </div>
                <a class="btn btn-primary mt-3 mt-md-0 mb-0" href="{{route('search.get')}}">{{__('Find jobs')}}</a>
            </div>
        </div>

        @if($savedSearches->count())
            @foreach($savedSearches as $savedSearch)
                <div class="card rounded-xl shadow-sm mb-3">
                    <div class="card-body py-3">
                        <div class="saved-search-row">
                            <div class="min-width-0">
                                <a class="h5 font-weight-bold text-dark mb-1 d-block text-truncate" href="{{$savedSearch->searchUrl()}}">
                                    {{$savedSearch->name}}
                                </a>
                                <div class="saved-search-meta d-flex flex-wrap align-items-center text-muted small mb-2">
                                    <span>{{ucfirst($savedSearch->alert_frequency)}} {{__('alerts')}}</span>
                                    <span>·</span>
                                    <span>{{__(ucfirst($savedSearch->status))}}</span>
                                    @if($savedSearch->last_sent_at)
                                        <span>·</span>
                                        <span>{{__('Last sent')}} {{$savedSearch->last_sent_at->format('M j')}}</span>
                                    @endif
                                </div>
                                <div>
                                    @foreach($savedSearch->summaryItems() as $item)
                                        <span class="badge saved-search-chip mr-1 mb-1">{{$item}}</span>
                                    @endforeach
                                </div>
                            </div>

                            <form class="saved-search-controls mb-0" method="POST" action="{{route('my.candidate.saved-searches.update', ['savedSearch' => $savedSearch->id])}}">
                                @csrf
                                @method('PATCH')
                                <select class="form-control form-control-sm" name="alert_frequency" aria-label="{{__('Alerts')}}">
                                    <option value="off" {{$savedSearch->alert_frequency === 'off' ? 'selected' : ''}}>{{__('Off')}}</option>
                                    <option value="daily" {{$savedSearch->alert_frequency === 'daily' ? 'selected' : ''}}>{{__('Daily alerts')}}</option>
                                    <option value="weekly" {{$savedSearch->alert_frequency === 'weekly' ? 'selected' : ''}}>{{__('Weekly alerts')}}</option>
                                </select>
                                <select class="form-control form-control-sm" name="status" aria-label="{{__('Status')}}">
                                    <option value="active" {{$savedSearch->status === 'active' ? 'selected' : ''}}>{{__('Active')}}</option>
                                    <option value="paused" {{$savedSearch->status === 'paused' ? 'selected' : ''}}>{{__('Paused')}}</option>
                                </select>
                                <button class="btn btn-outline-primary btn-sm mb-0 saved-search-save">{{__('Save')}}</button>

                                <button class="btn-text btn-text-danger saved-search-remove" type="submit" form="remove_search_{{$savedSearch->id}}">{{__('Remove')}}</button>
                            </form>

                            <form id="remove_search_{{$savedSearch->id}}" method="POST" action="{{route('my.candidate.saved-searches.destroy', ['savedSearch' => $savedSearch->id])}}" class="d-none">
                                @csrf
                                @method('DELETE')
                            </form>
                        </div>
                    </div>
                </div>
            @endforeach

            <div class="d-flex flex-row-reverse mt-3">
                {{ $savedSearches->links() }}
            </div>
        @else
            <div class="card rounded-xl shadow-sm">
                <div class="card-body text-center py-5">
                    <h4 class="font-weight-bold">{{__('No saved searches yet')}}</h4>
                    <p class="text-muted">{{__('Run a job search and save it to start getting alerts.')}}</p>
                    <a class="btn btn-primary mb-0" href="{{route('search.get')}}">{{__('Search jobs')}}</a>
                </div>
            </div>
        @endif
    </div>
@endsection