@extends('admin.layouts.layout')

@section('title')Quote Calculations @endsection

@section('body')
    <div class="flex">
        <h1 class="flex-1 w-64 text-2xl font-semibold mb-10">Quote Calculations</h1>
        <a class="flex h-14 bg-blue-500 hover:bg-blue-700 text-white font-bold py-4 px-4 rounded" href="{{ route('admin.website.quote-calculations.export') }}">Export To Excel</a>
    </div>

    <table class="border-collapse table-auto w-full">
        <thead>
        <tr>
            <th class="border-b p-5 pl-8 pt-0 pb-3">#</th>
            <th class="border-b p-5 pl-8 pt-0 pb-3">City</th>
            <th class="border-b p-5 pl-8 pt-0 pb-3">Project Type</th>
            <th class="border-b p-5 pl-8 pt-0 pb-3">Project Built Up Area</th>
            <th class="border-b p-5 pl-8 pt-0 pb-3">Services</th>
            <th class="border-b p-5 pl-8 pt-0 pb-3">Estimated Cost</th>
        </tr>
        </thead>

        <tbody>
        @foreach ($queries as $i => $query)
            <tr>
                <td class="border-b border-slate-100 p-4 pl-8">{{ $i + 1 }}</td>
                <td class="border-b border-slate-100 p-4 pl-8">{{ $query->city }}</td>
                <td class="border-b border-slate-100 p-4 pl-8">{{ $query->project_type }}</td>
                <td class="border-b border-slate-100 p-4 pl-8">{{ $query->project_buildup_area }}</td>
                <td class="border-b border-slate-100 p-4 pl-8">{{ $query->services }}</td>
                <td class="border-b border-slate-100 p-4 pl-8">$ {{ $query->estimated_cost }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
@endsection