@extends('layouts.app')
@section('title', 'Frontpage Leads')

@section('content')
<section class="content-header">
    <h1>Frontpage Leads <small>Manage demo requests and sales inquiries</small></h1>
</section>

<section class="content">
    @if (session('status'))
        <div class="alert alert-success">{{ session('status.msg') }}</div>
    @endif

    <div class="box box-solid">
        <div class="box-header with-border">
            <h3 class="box-title">Leads</h3>
        </div>

        <div class="box-body">
            <form method="get" action="{{ route('frontpage-leads.index') }}" class="row">
                <div class="col-md-4">
                    <input type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Search name, company, phone, email...">
                </div>

                <div class="col-md-3">
                    <select name="status" class="form-control">
                        <option value="">All Status</option>
                        @foreach(['new' => 'New', 'contacted' => 'Contacted', 'qualified' => 'Qualified', 'won' => 'Won', 'lost' => 'Lost'] as $key => $label)
                            <option value="{{ $key }}" {{ request('status') == $key ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <button class="btn btn-primary">Filter</button>
                </div>
            </form>

            <br>

            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Name</th>
                            <th>Company</th>
                            <th>Phone</th>
                            <th>Email</th>
                            <th>Product</th>
                            <th>Status</th>
                            <th width="160">Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach($leads as $lead)
                            <tr>
                                <td>{{ $lead->created_at }}</td>
                                <td>{{ $lead->name }}</td>
                                <td>{{ $lead->company_name }}</td>
                                <td>{{ $lead->phone }}</td>
                                <td>{{ $lead->email }}</td>
                                <td>{{ $lead->requested_product }}</td>
                                <td>
                                    <span class="label label-info">{{ ucfirst($lead->status) }}</span>
                                </td>
                                <td>
                                    <a href="{{ route('frontpage-leads.show', $lead->id) }}" class="btn btn-xs btn-primary">View</a>

                                    {!! Form::open(['route' => ['frontpage-leads.destroy', $lead->id], 'method' => 'delete', 'style' => 'display:inline;']) !!}
                                        <button type="submit" class="btn btn-xs btn-danger" onclick="return confirm('Delete this lead?')">Delete</button>
                                    {!! Form::close() !!}
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            {{ $leads->links() }}
        </div>
    </div>
</section>
@endsection