@include('layouts.header')
@include('layouts.sidebar')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="page-title">
                <h4>{{ $title }}</h4>
                <h6>Staff Details</h6>
            </div>
            <div class="page-btn">
                <a href="{{ route('staff') }}" class="btn btn-added">
                    <i data-feather="arrow-left" class="me-2"></i>Back
                </a>
            </div>
        </div>

        <div class="card">
            <div class="card-body">
                <h5>Staff Information</h5><br>
                <table class="table table-bordered">
                    <tr>
                        <th>ID</th>
                        <td>{{ $staff->staff_id }}</td>
                    </tr>
                    <tr>
                        <th>Staff</th>
                        <td>{{ $user->full_name }}</td>
                    </tr>
                    <tr>
                        <th>Payment</th>
                        <td>₹ {{ $staff->payment }}</td>
                    </tr>
                    <tr>
                        <th>Payment Date</th>
                        <td>{{ date('d-M-Y',strtotime($staff->payment_date)) }}</td>
                    </tr>
                    <tr>
                        <th>Phone1</th>
                        <td>{{ $staff->phone1 }}</td>
                    </tr>
                    <tr>
                        <th>Phone2</th>
                        <td>{{ $staff->phone2 }}</td>
                    </tr>
                    <tr>
                        <th>City</th>
                        <td>{{ $staff->city }}</td>
                    </tr>
                    <tr>
                        <th>State</th>
                        <td>{{ $staff->state }}</td>
                    </tr>
                    <tr>
                        <th>PIN Code</th>
                        <td>{{ $staff->pincode }}</td>
                    </tr>
                    <tr>
                        <th>Address</th>
                        <td>{{ $staff->address }}</td>
                    </tr>
                </table>
                 <br><br>
                <h5>Charges</h5><br>
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Product</th>
                            <th>Rate/SqFt</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($charges as $charge)
                            <tr>
                                <td>{{ $charge->product_name }}</td>
                                <td>₹ {{ $charge->rate }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>

@include('layouts.footer')