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

<div class="container py-4">
    <div class="row g-4">
        <!-- Right Side: Category List -->
        <div class="col-md-12">
            <div class="card mb-4 mt-4">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="card-title">Customer Quote List</h3>
                    </div>
                </div> <!-- /.card-header -->
                <div class="card-body p-0">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th class="text-center" style="width: 20px">#</th>
                                <th class="text-center">Name</th>
                                <th class="text-center">Email</th>
                                <th class="text-center">Service 1</th>
                                <th class="text-center">Service 1 Image</th>
                                <th class="text-center">Service 2</th>
                                <th class="text-center">Service 2 Image</th>
                                <th class="text-center">Service 3</th>
                                <th class="text-center">Service 3 Image</th>
                                <th class="text-center">Status</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($quotes_views as $key=>$quotes_view)
                            <tr class="align-middle">
                                <td class="text-center">{{$key+1}}</td>
                                <td class="text-center">{{ $quotes_view->name }}</td>
                                <td class="text-center" style="width: 300px;">{{ $quotes_view->email }}</td>
                                <td class="text-center" style="width: 300px;">{{ $quotes_view->service1 }}</td>
                                <td class="text-center" style="width: 300px;">
                                    <a href="{{ asset('storage/media/customer_quotes/image1/' . $quotes_view->image1) }}">
                                    <img src="{{ asset('storage/media/customer_quotes/image1/' . $quotes_view->image1) }}" class="img-thumbnail mx-auto d-block" style="width: 80px; height: 80px;">
                                    </a>
                                </td>
                                <td class="text-center" style="width: 300px;">{{ $quotes_view->service2 }}</td>
                                <td class="text-center" style="width: 300px;">
                                    <a href="{{ asset('storage/media/customer_quotes/image2/' . $quotes_view->image2) }}">
                                    <img src="{{ asset('storage/media/customer_quotes/image2/' . $quotes_view->image2) }}" class="img-thumbnail mx-auto d-block" style="width: 80px; height: 80px;">
                                    </a>
                                </td>
                                <td class="text-center" style="width: 300px;">{{ $quotes_view->service3 }}</td>
                                <td class="text-center" style="width: 300px;">
                                    <a href="{{ asset('storage/media/customer_quotes/image3/' . $quotes_view->image3) }}">
                                    <img src="{{ asset('storage/media/customer_quotes/image3/' . $quotes_view->image3) }}" class="img-thumbnail mx-auto d-block" style="width: 80px; height: 80px;">
                                    </a>
                                </td>
                                <td class="text-center">
                                    <form action="{{ route('quote_toggleStatus',$quotes_view->id) }}" method="POST" onsubmit="return confirm('Are you sure you want to change the status?');">
                                        @csrf
                                        @method('PATCH')
                                        <button type="submit" class="btn btn-sm {{ $quotes_view->status == 0 ? 'btn-secondary' : 'btn-success' }}">
                                            {{ $quotes_view->status == 1 ? 'Done' : 'Pending' }}
                                        </button>
                                    </form>
                                </td>
                                <td class="text-center">
                                    <form action="{{ route('destroy_quote', $quotes_view->id) }}" method="POST" style="display:inline;" onsubmit="return confirm('Are you sure you want to delete this?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    {{ $quotes_views->links() }}
                </div> <!-- /.card-body -->
            </div> <!-- /.card -->
        </div>
    </div>
</div>


@endsection