@extends('layouts.app')

@section('content')

<div class="container-fluid">

    <div class="d-flex justify-content-between align-items-center mb-3">

        <h3>
            <i class="bi bi-pc-display"></i>
            Data Aset Laboratorium
        </h3>

        @if(in_array(auth()->user()->role,['admin','staff_lab']))
        <a href="{{ route('aset.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-circle"></i>
            Tambah Aset
        </a>
        @endif

    </div>

    @if(session('success'))

        <div class="alert alert-success">

            {{ session('success') }}

        </div>

    @endif


    {{-- FILTER --}}

    <div class="card mb-4">

        <div class="card-header bg-light">

            <strong>
                <i class="bi bi-funnel"></i>
                Pencarian & Filter
            </strong>

        </div>

        <div class="card-body">

            <form method="GET" action="{{ route('aset.index') }}">

                <div class="row">

                    <div class="col-md-3 mb-2">

                        <input
                            type="text"
                            name="search"
                            class="form-control"
                            placeholder="Cari kode / nama / merk..."
                            value="{{ request('search') }}">

                    </div>

                    <div class="col-md-2 mb-2">

                        <select name="laboratorium" class="form-select">

                            <option value="">Semua Laboratorium</option>

                            @foreach($laboratorium as $lab)

                                <option
                                    value="{{ $lab->id }}"
                                    {{ request('laboratorium')==$lab->id?'selected':'' }}>

                                    {{ $lab->nama_lab }}

                                </option>

                            @endforeach

                        </select>

                    </div>


                        </select>

                    </div>

                    <div class="col-md-2 mb-2">

                        <select name="kondisi" class="form-select">

                            <option value="">Semua Kondisi</option>

                            <option value="Baik"
                                {{ request('kondisi')=='Baik'?'selected':'' }}>
                                Baik
                            </option>

                            <option value="Rusak Ringan"
                                {{ request('kondisi')=='Rusak Ringan'?'selected':'' }}>
                                Rusak Ringan
                            </option>

                            <option value="Rusak Berat"
                                {{ request('kondisi')=='Rusak Berat'?'selected':'' }}>
                                Rusak Berat
                            </option>

                        </select>

                    </div>

                    <div class="col-md-2 mb-2">

                        <select name="sort" class="form-select">

                            <option value="">Urutkan</option>

                            <option value="nama_asc"
                                {{ request('sort')=='nama_asc'?'selected':'' }}>
                                Nama A-Z
                            </option>

                            <option value="nama_desc"
                                {{ request('sort')=='nama_desc'?'selected':'' }}>
                                Nama Z-A
                            </option>

                            <option value="tahun_baru"
                                {{ request('sort')=='tahun_baru'?'selected':'' }}>
                                Tahun Terbaru
                            </option>

                            <option value="tahun_lama"
                                {{ request('sort')=='tahun_lama'?'selected':'' }}>
                                Tahun Terlama
                            </option>

                        </select>

                    </div>

                    <div class="col-md-1 d-grid mb-2">

                        <button class="btn btn-success">

                            <i class="bi bi-search"></i>

                        </button>

                    </div>

                </div>

                <div class="mt-2">

                    <a href="{{ route('aset.index') }}"
                        class="btn btn-secondary btn-sm">

                        Reset Filter

                    </a>

                </div>

            </form>

        </div>

    </div>


    {{-- TABEL --}}

    <div class="card">

        <div class="card-body table-responsive">

            <table class="table table-bordered table-hover align-middle">

                <thead class="table-dark">

                <tr>

                    <th width="60">No</th>

                    <th width="90">Foto</th>

                    <th>Kode</th>

                    <th>Nama Aset</th>

                    {{--
                    <th>Kategori</th>
                    --}}

                    <th>Laboratorium</th>

                    <th>Kondisi</th>

                    @if(in_array(auth()->user()->role,['admin','staff_lab']))
                    <th width="280">Aksi</th>
                    @else
                    <th width="100">Aksi</th>
                    @endif

                </tr>

                </thead>

                <tbody>

                @forelse($aset as $item)

                <tr>

                    <td>{{ $aset->firstItem()+$loop->index }}</td>

                    <td>

                        @if($item->foto)

                        <img
                            src="{{ asset('foto_aset/'.$item->foto) }}"
                            class="img-thumbnail"
                            width="70">

                        @else

                        -

                        @endif

                    </td>

                    <td>{{ $item->kode_aset }}</td>

                    <td>{{ $item->nama_aset }}</td>

                    {{--
                    <td>{{ $item->kategori->nama_kategori ?? '-' }}</td>
                    --}}

                    <td>{{ $item->laboratorium->nama_lab ?? '-' }}</td>

                    <td>

                        @if($item->kondisi=="Baik")

                            <span class="badge bg-success">Baik</span>

                        @elseif($item->kondisi=="Rusak Ringan")

                            <span class="badge bg-warning text-dark">
                                Rusak Ringan
                            </span>

                        @else

                            <span class="badge bg-danger">
                                Rusak Berat
                            </span>

                        @endif

                    </td>

                    <td>

                        <a href="{{ route('aset.show',$item->id) }}"
                            class="btn btn-info btn-sm">

                            Detail

                        </a>

                        @if(in_array(auth()->user()->role,['admin','staff_lab']))

                        <a href="{{ route('aset.qrcode',$item->id) }}"
                            class="btn btn-success btn-sm">

                            QR

                        </a>

                        <a href="{{ route('aset.edit',$item->id) }}"
                            class="btn btn-warning btn-sm">

                            Edit

                        </a>

                        @endif

                        @if(auth()->user()->role=='admin')

                        <form
                            action="{{ route('aset.destroy',$item->id) }}"
                            method="POST"
                            class="d-inline">

                            @csrf
                            @method('DELETE')

                            <button
                                onclick="return confirm('Hapus aset ini?')"
                                class="btn btn-danger btn-sm">

                                Hapus

                            </button>

                        </form>

                        @endif

                    </td>

                </tr>

                @empty

                <tr>

                    <td colspan="8" class="text-center">

                        Tidak ada data aset.

                    </td>

                </tr>

                @endforelse

                </tbody>

            </table>

            <div class="mt-3">

                {{ $aset->withQueryString()->links() }}

            </div>

        </div>

    </div>

</div>

@endsection