@extends('adminlte::page')

@section('title', 'Asset Movement Report')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="font-weight-bold text-dark">Asset Movement Report</h1>
        <a href="{{ route('reports.index') }}" class="btn btn-outline-secondary btn-sm"><i class="fas fa-arrow-left mr-1"></i> Reports Center</a>
    </div>
@stop

@section('content')
<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white py-3">
        <h5 class="card-title mb-0 text-danger font-weight-bold"><i class="fas fa-filter mr-2"></i> Filter Options</h5>
        <div class="card-tools">
            <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
        </div>
    </div>
    <div class="card-body">
        <form action="{{ route('reports.movement') }}" method="GET">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Date From</label>
                        <input type="date" name="start_date" class="form-control" value="{{ request('start_date') }}">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label class="small font-weight-bold text-muted">Date To</label>
                        <input type="date" name="end_date" class="form-control" value="{{ request('end_date') }}">
                    </div>
                </div>
                <div class="col-md-4 d-flex align-items-end">
                    <div class="form-group w-100">
                        <button type="submit" class="btn btn-danger btn-block shadow-sm"><i class="fas fa-search mr-1"></i> Generate Report</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="card shadow-md border-0">
    <div class="card-body p-0 table-responsive">
        <table class="table table-hover table-striped mb-0 text-nowrap">
            <thead class="bg-light text-muted">
                <tr>
                    <th class="pl-4">Date</th>
                    <th>Asset</th>
                    <th>From Location</th>
                    <th>To Location</th>
                    <th>Moved By</th>
                    <th class="pr-4">Remarks</th>
                </tr>
            </thead>
            <tbody>
                @forelse($movements as $movement)
                    <tr>
                        <td class="pl-4 align-middle">{{ $movement->movement_date->format('M d, Y') }}</td>
                        <td class="align-middle font-weight-bold text-primary">{{ $movement->asset->name }}</td>
                        <td class="align-middle"><i class="fas fa-map-marker-alt text-muted mr-1"></i> {{ $movement->fromLocation->name ?? 'Initial' }}</td>
                        <td class="align-middle"><i class="fas fa-map-marker-alt text-success mr-1"></i> {{ $movement->toLocation->name }}</td>
                        <td class="align-middle">{{ $movement->user->name ?? 'System' }}</td>
                        <td class="align-middle pr-4 text-muted small">{{ $movement->remarks }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center py-5 text-muted">No movement records found.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@stop