@extends('adminlte::page')

@section('title', 'Manage Movements')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="font-weight-bold text-dark">Movement History</h1>
        @can('create movements')
            <a class="btn btn-primary shadow-sm" href="{{ route('movements.create') }}">
                <i class="fas fa-plus mr-2"></i> Record Movement
            </a>
        @endcan
    </div>
@stop

@section('content')
    @if ($message = Session::get('success'))
    <div class="alert alert-success alert-dismissible fade show shadow-sm" role="alert">
        <i class="fas fa-check-circle mr-2"></i> {{ $message }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
             <span aria-hidden="true">&times;</span>
        </button>
    </div>
    @endif

    <div class="card shadow-md border-0 rounded-lg">
        <div class="card-body p-0">
            <table class="table table-hover table-striped mb-0">
                <thead class="bg-light text-muted">
                    <tr>
                        <th class="pl-4 py-3 border-0">Asset</th>
                        <th class="py-3 border-0">From</th>
                        <th class="py-3 border-0">To</th>
                        <th class="py-3 border-0">Date</th>
                        <th class="py-3 border-0">Moved By</th>
                        <th class="pr-4 py-3 border-0 text-right">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($movements as $movement)
                    <tr>
                        <td class="pl-4 align-middle font-weight-bold text-primary">{{ $movement->asset->name ?? 'N/A' }}</td>
                        <td class="align-middle">{{ $movement->fromLocation->name ?? 'N/A' }}</td>
                        <td class="align-middle font-weight-bold text-success">{{ $movement->toLocation->name ?? 'N/A' }}</td>
                        <td class="align-middle">{{ $movement->movement_date->format('Y-m-d') }}</td>
                        <td class="align-middle">{{ $movement->user->name ?? 'N/A' }}</td>
                        <td class="pr-4 align-middle text-right">
                             <div class="btn-group">
                                <a class="btn btn-sm btn-info shadow-sm" href="{{ route('movements.show',$movement->id) }}" data-toggle="tooltip" title="Show">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @can('edit movements')
                                    <a class="btn btn-sm btn-warning shadow-sm ml-1" href="{{ route('movements.edit',$movement->id) }}" data-toggle="tooltip" title="Edit">
                                        <i class="fas fa-pen"></i>
                                    </a>
                                @endcan
                                @can('delete movements')
                                    <form action="{{ route('movements.destroy', $movement->id) }}" method="POST" style="display:inline" class="ml-1">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger shadow-sm" data-toggle="tooltip" title="Delete" onclick="return confirm('Are you sure?')">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                @endcan
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer bg-white border-0 py-3">
            {!! $movements->links('pagination::bootstrap-5') !!}
        </div>
    </div>
@stop