@extends('common.layout')

@section('content')

    <form name="sch_form" method="get">
        <div class="row justify-content-center">
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex justify-content-between align-items-center">
                        <div>
                            <h4 class="page-title"></h4>
                            @if(session('school_uid'))
                            <span class="page-subtitle alert alert-danger p-0">{{ $school_name }}</span>
                            @endif
                        </div>
                        <div>
                            <div class="d-flex">
                                <div class="input-group">
                                    <input class="form-control mr-sm-2 w-40 mx-2 my-2" type="search" name="k" placeholder="숙소명 검색" aria-label="Search" value="{{ $search_keyword }}" autocomplete="off">
                                    <button class="btn btn-primary my-2 mr-sm-2" type="submit">검색</button>
                                    <a href="{{route('residence.list')}}" class="btn btn-primary ms-1 my-2">초기화</a>
                                    @if(session('school_uid'))
                                    <button type="button" onclick="location.href='{{ route('residence.create') }}'" class="btn btn-danger my-2 mr-sm-2 ms-1">숙소등록</button>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <!-- end page title -->
    <div class="row">
        <div class="col-12">
            <div class="card">

                <div class="card-body">
                    <div class="table-responsive">
                        <div class="dataTables_wrapper dt-bootstrap4 no-footer">
                            <!-- S: Table Data -->
                            <div class="row">
                                <div class="col-sm-12">
                                    <table class="table table-centered w-100 dt-responsive nowrap dataTable no-footer dtr-inline collapsed">
                                        <thead>
                                            <tr>
                                                <th class="text-center" style="width:40px;">번호</th>
                                                <th class="text-center" style="width:100px;">섬네일</th>
                                                @if(!session('school_uid'))
                                                <th style="width:25%;">학교명</th>
                                                @endif
                                                <th class="text-center" style="width:40%;">숙소이름(Name)</th>
                                                <th class="text-center" style="width:60px;">룸타입</th>
                                                <th class="text-center" style="width:10%;">국가</th>
                                                <th class="text-center" style="width:15%;">숙소형태(Type)</th>
                                                <th class="text-center" style="width:80px;">등록일</th>
                                                <th class="text-center" style="width:100px;"></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        @if(count($lists) == 0)
                                            <tr>
                                                <td colspan="99" class="text-center" style="height:100px">데이터가 존재하지 않습니다.</td>
                                            </tr>
                                        @else
                                            @foreach($lists as $list)
                                            <tr>
                                                <td class="text-center">{{ $list->residence_uid }}</td>
                                                <td class="text-center">
                                                    @php
                                                        $thumbnail = $list->files()->first();
                                                        $thumbnail_url = '';
                                                        if($thumbnail){
                                                            $thumbnail_url = Storage::disk('s3_uhak')->url($thumbnail->file_path.'/'.$thumbnail->file_name);
                                                            $thumbnail_url = str_replace(env('AWS_BUCKET_UHAK').'//', env('AWS_BUCKET_UHAK').'/', $thumbnail_url);
                                                        }
                                                    @endphp
                                                    @if($thumbnail_url)
                                                        <img src="{{ $thumbnail_url }}" loading="lazy" class="thumbnail">
                                                    @else
                                                        <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="#e0e0e0"><rect width="80" height="80"/></svg>
                                                    @endif
                                                </td>
                                                @if(!session('school_uid'))
                                                <td>{{ $list->school_name }}</td>
                                                @endif
                                                <td><a href="/residence/edit/{{ $list->residence_uid }}?{{ $param }}" class="text-decoration-underline">{{ $list->name }}</a></td>
                                                <td class="text-center">{{ $list->residenceroomtypes_count }}</td>
                                                <td class="text-center">{{ $countrys[$list->country] ?? '' }}</td>
                                                <td class="text-center">{{ $list->type }}</td>
                                                <td class="text-center">{{ $list->created_at->format('Y-m-d') }}</td>
                                                <td class="text-center">
                                                    <a href="/residence/edit/{{ $list->residence_uid }}?{{ $param }}" class="btn btn-primary">수정</a>
                                                    <button type="button" onclick="delitem({{ $list->residence_uid }})" class="btn btn-danger">삭제</button>
                                                </td>
                                            </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!-- E: Table Data -->

                            <!-- S: Pagination -->
                            <div class="row">
                                <div class="col-sm-12 col-md-5">
                                    <div class="dataTables_info">
                                        총 {{ $lists->total() }} 건의 등록 건 중 {{ $lists->firstItem() }} ~ {{ $lists->lastItem() }} 까지의 조회 결과 입니다.
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-7">
                                    {{ $lists->appends(request()->except('_token'))->links() }}
                                </div>
                            </div>                            
                            <!-- E: Pagination -->

                        </div>
                    </div> <!-- end table-responsive-->
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->

    <form name="delfrm" action="{{ route('residence.destroy') }}" method="POST" style="display:none">
        @csrf
        <input type="hidden" name="id" value="">
    </form>

@endsection

@section('script')
<script>
    function delitem(id){
        if(confirm('삭제 하시겠습니까?\n삭제 후에는 복구가 불가능합니다.')){
            $('form[name="delfrm"] input[name="id"]').val(id);
            delfrm.submit();
        }
    }
</script>
@endsection