@extends('staff::layouts.default')
@section('title', 'Members')
@section('content')

@php
    $type = strtolower($categoryName);
    $baseTypes = ['senior team', 'staff', 'academy', 'management'];

    // If type is NOT one of the base types, show all
    $showAll = !in_array($type, $baseTypes);
    $showTitle = $type === 'academy' || $type === 'staff' || $type === 'senior team' || $showAll;
    $showAcademy = $type === 'academy' || $showAll;

@endphp

    <div class="content-wrapper">
        <div class="panel panel-white border-top-success">
            <div class="panel-heading">
                <h5 class="panel-title text-bold">
                    <i class="icon-person position-left"></i>
                    Members
                </h5>
                <div class="clearfix">

                </div>
                <div class="right_side_page" style="float: right;">

                </div>
            </div>

            <div class="panel-body" style="background: #fff;">

                <form method="GET" class="main-search" action="{!! route('file.upload.member.list', $categoryName) !!}">
                    <div style="width: 100%;overflow: auto;margin-bottom: 10px;">

                        <div class="col-sm-12">
                            <div class="input-group input-group-sm" style="width:100%;">
                                <input type="text" value="{{$search}}" name="search" autofocus
                                       maxlength="50" style="border: none;"
                                       class="form-control" placeholder="Search by Name...">
                                <span class="input-group-btn bg-success">
                                    <button class="btn btn-primary" title="{{trans('admin_default.search')}}"
                                            data-popup="tooltip">
                                            <i class="icon-search4"></i>
                                    </button>
                                    <button class="btn btn-default btn-clear-search" title="{{trans('admin_default.clear')}}"
                                            id="clear_src"
                                            data-popup="tooltip">
                                        <i class="icon-x"></i>
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>

                    <!-- todo -->
                    <center>
                        <div style="width:99%;height: 100px; margin: 5px 0 15px 0;padding: 5px 0 0 0;border:dotted 1px #DDDDDD;background-color: #fffffc;">

                            <div class="col-lg-2 text-left">
                                <label class="control-label">Position</label>
                                <select class="form-control filter-select" name="position">
                                    <option value="0">{{trans('admin_default.select_drp')}}</option>
                                    @foreach($positions as $item)
                                        <option value="{{$item->name}}" {{ request('position') == $item->name ? 'selected' : '' }}>
                                            {{$item->name}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            @if($showTitle)
                                <div class="col-lg-2 text-left">
                                    <label class="control-label">Title</label>
                                    <select class="form-control filter-select" name="title">
                                        <option value="0">{{trans('admin_default.select_drp')}}</option>
                                        @foreach($titles as $item)
                                            <option value="{{$item->name}}" {{ request('title') == $item->name ? 'selected' : '' }}>
                                                {{$item->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif

                            @if($showAcademy)
                                <div class="col-lg-2 text-left">
                                    <label class="control-label">Academy</label>
                                    <select class="form-control filter-select" name="academy">
                                        <option value="0">{{trans('admin_default.select_drp')}}</option>
                                        @foreach($academies as $item)
                                            <option value="{{$item->name}}" {{ request('academy') == $item->name ? 'selected' : '' }}>
                                                {{$item->name}}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            @endif

                            <div class="col-lg-2 text-left">
                                <label class="control-label">Year</label>
                                <select class="form-control filter-select" name="year">
                                    <option value="0">{{trans('admin_default.select_drp')}}</option>
                                    @for($i = date('Y'); $i >= 2017; $i--)
                                        <option value="{{$i}}" {{ request('year') == $i ? 'selected' : '' }}>
                                            {{$i}}
                                        </option>
                                    @endfor
                                </select>
                            </div>

                        </div>
                    </center>

                </form>
                <div class="clearfix"></div>

                <div>
                    <table class="table table-xlg">
                        <thead>
                        <tr>
                            <th width="50" class="text-center">#</th>
                            <th width="100" class="text-center">Profile</th>
                            <th width="200">Latin Name</th>
                            <th width="200">Name</th>
                            <th class="text-center">Category</th>
                            <th class="text-center">Position</th>
                            @if($showTitle)
                                <th class="text-center">Title</th>
                            @endif
                            @if($showAcademy)
                                <th class="text-center">Academy</th>
                            @endif
                            <th class="text-center">Number</th>
                            <th class="text-center">Year</th>
                            <th class="text-center">Register Date</th>
                            <th class="text-center">Actions</th>
                        </tr>
                        </thead>

                        <tbody>
                            @php 
                                $counter = 1; 
                            @endphp
                            @foreach($data as $k => $v)
                                @php
                                    $catName = strtolower(str_replace(' ', '_', $v->category));
                                    $folder_name = 'visakha_file/' . $catName;
                                    $oldImg = 'https://cdntest.uyfcapp.com/public/asia/images/visakha_file/' . $catName . '/' . $v->image_url;
                                    $fallback = \Helper::setCustomerImageSrc($folder_name . '/', $v->image_url);
                                @endphp
                                <tr>
                                    <td class="text-center">{{ ($data->currentPage() - 1) * $data->perPage() + $counter++ }}</td>
                                    <td class="text-center">
                                        <img src="{{ $oldImg }}" 
                                             class="img-rounded" 
                                             style="width: 50px; height: auto;"
                                             onerror="this.onerror=null;this.src='{{ $fallback }}';" />
                                    </td>
                                    <td>{{ $v->name_en }}</td>
                                    <td>{{ $v->name_kh }}</td>
                                    <td class="text-center">{{ $v->category }}</td>
                                    <td class="text-center">{{ $v->position }}</td>
                                    @if($showTitle)
                                        <td class="text-center">{{ $v->title }}</td>
                                    @endif
                                    @if($showAcademy)
                                        <td class="text-center">{{ $v->academy }}</td>
                                    @endif
                                    <td class="text-center">{{ $v->number }}</td>
                                    <td class="text-center">{{ $v->year }}</td>
                                    <td class="text-center">{{ $v->created_at->format('d-M-Y') }}</td> <!-- Formatted date -->
                                    <td class="text-center">
                                        <ul class="icons-list">
                                            <li class="dropdown">
                                                <a href="javascript:void(0)" class="dropdown-toggle"
                                                   data-toggle="dropdown">
                                                    <i class="icon-menu9"></i>
                                                </a>
                                                <ul class="dropdown-menu dropdown-menu-right">
                                                    <li>
                                                        <a href="{{ url($shop_package . '/file-upload/edit/' . $v->id) }}">
                                                            <i class="icon-pencil7"></i> {{ trans('admin_default.edit') }}
                                                        </a>
                                                        <a href="javascript:void(0);" 
                                                           class="btn-delete" 
                                                           data-id="{{ $v->id }}">
                                                            <i class="icon-trash"></i> {{ trans('admin_default.delete') }}
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </td>
                                </tr>
                            @endforeach
                                
                        </tbody>
                        
                    </table>
                    @if(count($data))
                        <div class="clearfix"></div>
                        @include('staff::elements.paginate')
                    @endif
                </div>
            </div>

        </div>
    </div>

    <style type="text/css">
        a.btn-sort {
            color: inherit;
        }
        .media-left, .media > .pull-left {
            padding-right: 10px;
            vertical-align: middle;
        }
    </style>


@endsection

@section('script')

<script type="text/javascript">
$(document).ready(function() {

    // Clear search
    $('#clear_src').click(function (e) {
        e.preventDefault();

        // Clear the search input
        $('input[name="search"]').val('');

        // Reset all select dropdowns
        $('select.filter-select').val('0');

        // Submit the form
        $(this).closest('form').submit();
    });


    // Auto-submit form on select change
    $('.filter-select').change(function() {
        $(this).closest('form').submit();
    });

    $('.btn-delete').click(function (e) {
        e.preventDefault();

        const id = $(this).data('id');
        const url = "{!! url('shop/file-upload/members') !!}" + '/' + id;

        Swal.fire({
            title: 'Are you sure?',
            text: "This action cannot be undone.",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#aaa',
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: url,
                    type: 'DELETE',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function (response) {
                        Swal.fire({
                            title: 'Deleted!',
                            text: response.message || 'Item deleted successfully.',
                            icon: 'success',
                            timer: 2000,
                            showConfirmButton: false
                        });
                        location.reload();
                    },
                    error: function (xhr) {
                        Swal.fire({
                            title: 'Error!',
                            text: xhr.responseJSON?.message || 'Something went wrong.',
                            icon: 'error'
                        });
                    }
                });
            }
        });
    });


});
</script>

@endsection