@extends('admin::layouts.master')
@section('pagetitle', 'Day Book')

@section('content')
    <!-- Begin Page Content -->
    <div class="container-fluid">

        <!-- Card for Filters -->
        <div class="card mb-4">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3">
                        <label for="project">Project</label>
                        <select class="form-control" id="project">
                            <option>Select Project</option>
                            <option>Project 1</option>
                            <option>Project 2</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label for="date">Date</label>
                        <input type="date" class="form-control" id="date">
                    </div>
                    <div class="col-md-3 align-self-end">
                        <button class="btn btn-primary">Find</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Heading -->
        <h2 class="h8 my-10 text-gray-800">EMR RESIDENCE - Individual House</h2>

        <!-- Client Details -->
        <div class="row mb-4">
            <div class="col-md-3">
                <label>Client Name: EMR YASIN</label>
            </div>
            <div class="col-md-3">
                <label>Site Name: EMR R SITE</label>
            </div>
            <div class="col-md-3">
                <label>Project Area: 9584</label>
            </div>
            <div class="col-md-3">
                <label>Start Date: 02/08/2020</label>
            </div>
        </div>

        <!-- Horizontal Divider -->
        <!-- <hr class="mb-4"> -->

        <!-- Labour Team Card -->
        <div class="card mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">Labour Team</h6>
                <button class="btn btn-primary" id="addLabourBtn">New Entry</button>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="labourTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>S.No</th>
                                <th>Ref.No</th>
                                <th>Labour Team</th>
                                <th>Description</th>
                                <th>Wages</th>
                                <th>Allowance</th>
                                <th>Total Amt</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Example Row -->
                            <tr>
                                <td>1</td>
                                <td>REF001</td>
                                <td>Team A</td>
                                <td>Construction Work</td>
                                <td>5000</td>
                                <td>1000</td>
                                <td>6000</td>
                            </tr>
                            <!-- Add more rows dynamically -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">Material Purchase</h6>
                <button class="btn btn-primary" id="addpurchaseBtn">New Entry</button>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="labourTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Inv.No</th>
                                <th>Inv.Date</th>
                                <th>Supplier Name</th>
                                <th>Description</th>
                                <th>Inv.Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Example Row -->
                            <tr>
                                <td>1</td>
                                <td>REF001</td>
                                <td>Team A</td>
                                <td>Construction Work</td>
                                <td>5000</td>
                            </tr>
                            <!-- Add more rows dynamically -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="card mb-4">
            <div class="card-header py-3 d-flex justify-content-between align-items-center">
                <h6 class="m-0 font-weight-bold text-primary">Supply Material</h6>
                <button class="btn btn-primary" id="addsupplybtn">New Entry</button>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-bordered" id="labourTable" width="100%" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Sup.No</th>
                                <th>Sup.Date</th>
                                <th>Supplier Name</th>
                                <th>Description</th>
                                <th>Sup.Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Example Row -->
                            <tr>
                                <td>1</td>
                                <td>REF001</td>
                                <td>Team A</td>
                                <td>Construction Work</td>
                                <td>5000</td>
                            </tr>
                            <!-- Add more rows dynamically -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- /.container-fluid -->
    @include('admin::daybook.addedit')
@endsection

@section('scripts')
<script src="{{asset('js/admin/daybook/daybook.js')}}"></script>
<!-- <script src="{{asset('js/admin/users/add.js')}}"></script> -->
@endsection