@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Services</h1>

    <div class="mb-3">
        <form action="{{ route('services.index') }}" method="GET">
            <input type="text" name="search" placeholder="Search services" class="form-control" value="{{ request('search') }}">
            <button type="submit" class="btn btn-primary mt-2">Search</button>
        </form>
    </div>

    <div class="table-responsive">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Date</th>
                    <th class="d-none d-md-table-cell">Customer</th>
                    <th class="d-none d-md-table-cell">Status</th>
                    <th>Technician</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($services as $service)
                <tr>
                    <td>
                        <strong>{{ $service->service_date }}</strong>
                        <div class="d-md-none">
                        {{ !empty($service->customer->company_name) ? $service->customer->company_name : $service->customer->first_name . ' ' . $service->customer->last_name }}

                        </div>
                    </td>
                    <td class="d-none d-md-table-cell">{{ $service->customer->company_name }}</td>
                    <td class="d-none d-md-table-cell">@if($service->status == 'in_progress')
    In Progress
@else
    {{ ucwords($service->status) }}
@endif
</td>
<td>{{$service->user->name}}</td>
                    <td>
                        <div style="text-align: right;">
                            @if($service->status == 'completed')
                                <a href="{{ route('services.show', $service) }}" class="btn btn-secondary mr-2">View</a>
                            @endif
                            @if($service->status != 'completed')
                            <a href="{{ route('services.edit', $service) }}" class="btn btn-primary mr-2">Edit</a>
                            <a href="{{ route('services.destroy', $service) }}" class="btn btn-danger mr-2">Delete</a>
                            @endif
                        </div>
                    </td>
                  
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    {{ $services->links() }}

    <!-- back button -->
    <div>
        <a href="/" class="btn btn-secondary">Back</a>
        <a href="{{ route('customers.create') }}" class="btn btn-primary">New Customer</a>
    </div>
</div>
@endsection