@extends('layouts/contentLayoutMaster')

@section('title', 'Machines Listing')

@section('content')
<div class="row" id="module-table">
    <div class="col-12">
        <div class="card p-0 mb-2">
            <form action="">
                <div class="accordion  p-0" id="accordionExample">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordionOne" aria-expanded="true" aria-controls="accordionOne">
                                <b>Search</b>
                            </button>
                        </h2>
                        <div id="accordionOne" class="accordion-collapse collapse border-top {{ $request->search == 1 ? 'show' : '' }}" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                            <div class="accordion-body card-body">
                                <div class="row">
                                    <div class="col-md-4 col-12">
                                        <div class="mb-1">
                                            <input type="hidden" name="search" id="" value="1">
                                            <label class="form-label" for="machine-name-column">Machine Name</label>
                                            <input type="text" id="machine-name-column" class="form-control" placeholder="Machine Name" name="machine_name" value="{{ $request->machine_name ?? '' }}" />
                                        </div>
                                    </div>

                                    <div class="col-md-4 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="name-column">Model</label>
                                            <input type="text" id="model" class="form-control" placeholder="Model" name="model" value="{{ $request->model ?? '' }}" />
                                        </div>
                                    </div>

                                    <div class="col-md-4 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="serial_number-column">Serial Number</label>
                                            <input type="text" id="serial_number-column" class="form-control" placeholder="Serial Number" name="serial_number" value="{{ $request->serial_number ?? '' }}" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 pt-2">
                                        <a href="{{ route('machines.index') }}" class="btn btn-dark float-end">Cancel</a>
                                        <button type="submit" class="btn btn-primary me-1 float-end">Filter</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="col-12">
        <div class="card">
            <div class="card-header p-1">
                <h4 class="card-title">Machines listing</h4>
                <a href="{{ route('machines.create') }}" class="btn btn-primary">Add Machines</a>
            </div>
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>@sortablelink('id', 'Id')</th>
                            <th>@sortablelink('manufacture', 'Manufacture')</th>
                            <th>@sortablelink('machine_name', 'Machine Name')</th>
                            <th>@sortablelink('model', 'Model')</th>
                            <th>@sortablelink('serial_number', 'Serial Number')</th>
                            <th>@sortablelink('created_at', 'Created At')</th>
                            <th class="text-primary">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data as $key => $row)
                        <tr>
                            <td>
                                <span class="fw-bold">{{ $row->id }}</span>
                            </td>
                            <td>
                               <span class="fw-bold">{{ $row->manufacture ?? 'N/A' }}</span>
                            </td>
                            <td>
                                <span class="fw-bold">{{ $row->machine_name ?? 'N/A' }}</span>
                            </td>
                            <td>
                                <span class="fw-bold">{{ $row->model ?? 'N/A' }}</span>
                            </td>  
                            <td>
                                <span class="fw-bold">{{ $row->serial_number ?? 'N/A' }}</span>
                            </td>                           
                            <td>
                                <span class="fw-bold">{{ date("Y-m-d", strtotime($row->created_at)) ?? 'N/A' }}</span>
                            </td>
                            <td>
                                <a class="text-info" href="{{ route('machines.edit', $row->id) }}">
                                    <i data-feather="edit-2" class="me-50"></i>
                                </a>

                                <a class="text-danger delete_btn" href="#" data-url="{{ route('machines.delete', $row->id) }}">
                                    <i data-feather="trash" class="me-50"></i>
                                </a>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="10" align="center">
                                No records found.
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="card-footer">
                {!! $data->withQueryString()->links('pagination::bootstrap-5') !!}
            </div>
        </div>
    </div>
</div>
@endsection