import React from 'react'

function Reaportdetail() {
  return (
    <>
        <div className='container-fluid'>

                <div className="container w-75 bg-light mt-5 p-3 border">

                    <center><h3 className="text-primary">Search Contractor Report</h3></center>

                    <div className="form border p-3">
                            <div className="d-flex mt-2 gap-2 w-100">
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">Subcontractor Name:</label>
                                        <input type="text" className="form-control" />
                                </div>
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">PMC No:</label>
                                        <input type="text" className="form-control" />
                                </div>
                            </div>

                            <div className="d-flex gap-2 mt-2  w-100">
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">State:</label>
                                        <input type="text" className="form-control" />
                                </div>
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">District:</label>
                                        <input type="text" className="form-control" />
                                </div>
                            </div>

                            <div className="d-flex gap-2 mt-2  w-100">
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">Block:</label>
                                        <input type="text" className="form-control" />
                                </div>
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">Village:</label>
                                        <input type="text" className="form-control" />
                                </div>
                            </div>

                            <div className="d-flex gap-2 mt-2  w-100">
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">Year From:</label>
                                        <input type="date" className="form-control" />
                                </div>
                                <div className="w-50">
                                        <label htmlFor="" className="label-control">Year To:</label>
                                        <input type="date" className="form-control" />
                                </div>
                            </div>

                    </div>

                </div>

                <div className="container w-100 mt-5 border p-3">

                    <center><h3 className="text-primary">Contractor List</h3></center>

                    <div className="table-responsive p-3 border rounded rounded-4 bg-light">
                            <table className="table table-striped table-bordered table-hover mb-0">
                                <thead className="table-dark">
                                <tr>
                                    <th>Contractor Name</th>
                                    <th>PMC No</th>
                                    <th>State</th>
                                    <th>District</th>
                                    <th>Block</th>
                                    <th>Village</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>Laxmi Builders</td>
                                    <td>PMC001</td>
                                    <td>Maharashtra</td>
                                    <td>Pune</td>
                                    <td>Haveli</td>
                                    <td>Kothrud</td>
                                </tr>
                                <tr>
                                    <td>ABC Constructions</td>
                                    <td>PMC002</td>
                                    <td>Gujarat</td>
                                    <td>Ahmedabad</td>
                                    <td>City</td>
                                    <td>Maninagar</td>
                                </tr>
                                <tr>
                                    <td>XYZ Infra</td>
                                    <td>PMC003</td>
                                    <td>Tamil Nadu</td>
                                    <td>Chennai</td>
                                    <td>North</td>
                                    <td>Thiruvanmiyur</td>
                                </tr>
                                </tbody>
                            </table>
                    </div>

                </div>

        </div>
    
    </>
  )
}

export default Reaportdetail