@extends('layouts.app')

@section('content')

<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 text-center">
        <h3>Inspection Inquiries</h3>
    </div>
    <!-- Search form -->
    <div class="col-lg-12 col-md-12 col-sm-12 mb-1">
        <div class="btn-group">

            <a href="/inqservices/create" class="btn btn-primary"
                style="text-align: center;background: green;">Add New Inquiry</a>
        </div>
    </div>

</div>
<hr>


<div class="row ">

    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
            <div class="card-header">
                Table of Inspection Inquiries
            </div>
            <div class="card-body">
                            <div class="table-responsive">
            <table style="text-align: center;" class="myDatatable table table-bordered table-sm table-hover table-light">
                <thead style="background-color:  rgb(80, 120, 131); color: white;font-size: 14px;">
                    <tr>
                        <th>Project Name</th>
                        <th>Company</th>
                        <th>Status</th>
                        <th>Creator</th>
                        <th>Created at</th>
                        <th>Updated at</th>
                        <th>Action</th>

                    </tr>
                </thead>
                @foreach ($inqservices as $inqservice)
                <tr>
                    <td>{{ $inqservice->name }}</td>
                    <td><a href="/companies/{{$inqservice->branch->company->id}}">
                            {{ $inqservice->branch->company->name }}</a></td>
                    <td>{{ $inqservice->inqstatus->name }}</td>
                    <td>{{ $inqservice->user->name }}</td>
                    <td>{{ $inqservice->created_at }}</td>
                    <td>{{ $inqservice->updated_at }}</td>
                    <td><a href="/inqservices/{{$inqservice->id}}" class="btn btn-sm btn-primary mb-1">View</a></td>
                </tr>
                @endforeach
            </table>
        </div>
            </div>
        </div>

    </div>

</div>

@endsection