@extends('layouts.master')
@push('css')
    <link href="{{ asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endpush
@section('content')
    <div class="row">
        <div class="card">
            <div class="card-body">
                <div class="col-md-12">
                    @if ($akses['create'])
                        <div align="right">
                            <a href="{{ route('user.create') }}" class="btn  btn-success"><i class="fa fa-plus"></i> Tambah
                                user</a>
                        </div>
                    @endif
                </div>
                <hr>
                @if (Session::has('message'))
                    <div class="alert alert-{{ Session::get('message.type') }}">{{ Session::get('message.text') }}</div>
                @endif
                {!! Form::open(['url' => url()->current(), 'method' => 'GET']) !!}
                <div class="row">
                    <div class="col-md-4">
                        <label>Cari</label>
                        {!! Form::text('cari', Request::get('cari'), ['class' => 'form-control', 'placeholder' => 'Cari...']) !!}


                    </div>

                    <div class="col-md-2">
                        <label style="color:transparent;">.</label>
                        <div>

                            <input type="submit" class="btn btn-success" value="Cari">
                        </div>
                    </div>

                </div>

                {!! Form::close() !!}
                <hr>
                <table class="table table-bordered table-hover table-striped">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Nama</th>
                            <th>Email</th>
                            <th>Role - Departemen / Perusahaan</th>
                            <th>Jabatan</th>
                            <th>Foto</th>
                            <th>TTD</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($user as $usr)
                            <tr>
                                <td>{{ $loop->iteration + $user->firstItem() - 1 }}</td>
                                <td>{{ $usr->name }}</td>
                                <td>{{ $usr->email }}</td>
                                <td>
                                    <ul>
                                        @if ($usr->myRole()->exists())
                                            @foreach ($usr->myRole as $role)
                                                <li>
                                                    {{-- {{$role->role->name}} | {{ @$usr->divisis()->where('user_role_id',$role->id)->first()->divisi->name ?? "-" }} --}}
                                                    {{ $role->role->name }} |
                                                    @foreach ($usr->divisis()->has('divisi')->where('user_role_id', $role->id)->get() as $item)
                                                        {{ @$item->divisi->name ?? 'Data Di Hapus' }} |
                                                    @endforeach
                                                    <ul>
                                                        @foreach ($usr->perusahaans()->where('user_role_id', $role->id)->get() as $item)
                                                            <li>{{ @$item->perusahaan->name ?? 'Data Di Hapus' }}</li>
                                                        @endforeach
                                                    </ul>

                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </td>
                                <td> {{ $usr->jabatan }} </td>
                                <td>
                                    <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal"
                                        data-bs-target="#exampleModal{{ $usr->id }}">
                                        <i class="fa fa-image"></i>
                                    </button>
                                </td>
                                <td>
                                    @if (!is_null($usr->ttd))
                                        <button type="button" class="btn btn-info btn-sm" data-bs-toggle="modal"
                                            data-bs-target="#exampleModals{{ $usr->id }}">
                                            <i class="fa fa-signature"></i>
                                        </button>
                                    @endif
                                </td>
                                <td>
                                    {!! Form::open(['route' => ['user.destroy', $usr->id], 'method' => 'DELETE']) !!}
                                    @if ($akses['edit'])
                                        <a href="{{ route('user.edit', $usr->id) }}" class="btn btn-sm btn-warning"><i
                                                class="fa fa-edit"></i></a>
                                    @endif
                                    @if ($usr->id != 1)
                                        @if ($usr->hasRole('superadmin'))
                                            @if ($count_superadmin > 1)
                                                @if ($akses['delete'])
                                                    <a class="btn btn-sm btn-danger btn-del"><i class="fa fa-trash"></i></a>
                                                @endif
                                            @endif
                                        @else
                                            @if ($akses['delete'])
                                                <a class="btn btn-sm btn-danger btn-del"><i class="fa fa-trash"></i></a>
                                            @endif
                                        @endif
                                    @endif
                                    {!! Form::close() !!}
                                </td>
                            </tr>
                            <div class="modal fade" tabindex="-1" id="exampleModal{{ $usr->id }}">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">{{ $usr->name }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <img src="{{ asset('images/user') }}/{{ $usr->foto }}"
                                                class="img img-fluid">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-success"
                                                data-bs-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade" tabindex="-1" id="exampleModals{{ $usr->id }}">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">{{ $usr->name }}</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <img src="{{ asset('images/ttd') }}/{{ $usr->ttd }}"
                                                class="img img-fluid">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-success"
                                                data-bs-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </tbody>
                </table>
                <div align="right">
                    {!! $user->links() !!}
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script src="{{ asset('assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script type="text/javascript">
        $('.btn-del').on('click', function() {
            var ini = $(this);
            Swal.fire({
                title: 'PENGHAPUSAN DATA?',
                text: "Yakin Ingin menghapus data ini?. Semua data yang berhubungan dengan data ini akan terpengaruh (data tidak muncul/error)!",
                icon: "warning",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes'
            }).then((result) => {
                if (result.value) {
                    Swal.fire({
                        title: 'KONFIRMASI PENGHAPUSAN DATA',
                        text: "Data yang di hapus tidak dapat di kembalikan lagi!",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonColor: 'red',
                        cancelButtonColor: '#d33',
                        confirmButtonText: 'HAPUS'
                    }).then((result) => {
                        if (result.value) {
                            ini.closest('form').submit();
                        }

                    })

                }

            })
        });
    </script>
@endpush