@extends('layouts.inspinia')

@section('title', 'Units')

@section('content_header', 'Units of Measure')

@section('content')

    @if(session('success'))
        <div class="alert alert-success alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ session('success') }}
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ session('error') }}
        </div>
    @endif

    <div class="ibox">
        <div class="ibox-title">
            <h5>Units of Measure</h5>
            <div class="ibox-tools">
                <a href="{{ route('units.create') }}" class="btn btn-primary btn-sm">
                    <i class="fas fa-plus"></i> Add Unit
                </a>
            </div>
        </div>
        <div class="ibox-content">
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Unit Name</th>
                        <th>Symbol</th>
                        <th>Status</th>
                        <th width="160">Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse($units as $unit)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $unit->name }}</td>
                            <td>{{ $unit->symbol }}</td>
                            <td>
                                <span class="badge badge-{{ $unit->is_active ? 'success' : 'danger' }}">
                                    {{ $unit->is_active ? 'Active' : 'Inactive' }}
                                </span>
                            </td>
                            <td>
                                <a href="{{ route('units.edit', $unit) }}" class="btn btn-sm btn-warning">Edit</a>

                                <form action="{{ route('units.destroy', $unit) }}" method="POST" style="display:inline-block;">
                                    @csrf
                                    @method('DELETE')
                                    <button class="btn btn-sm btn-danger"
                                            onclick="return confirm('Delete this unit?')">
                                        Delete
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-center text-muted py-3">No units found.</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>

            <div class="m-t-sm">
                {{ $units->links() }}
            </div>
        </div>
    </div>

@endsection