@extends('admin.layout.master')
@section('title', 'Dashboard')
@section('content')
<div class="d-flex flex-column flex-column-fluid">
    <div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
        <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
            <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
                <ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7 my-0 pt-1">
                    <li class="breadcrumb-item text-muted">
                        <a href="{{ url('/') }}" class="text-muted text-hover-primary">Dashboard</a>
                    </li>
                    <li class="breadcrumb-item">
                        <span class="bullet bg-gray-400 w-5px h-2px"></span>
                    </li>
                    <li class="breadcrumb-item text-muted">Score Manager</li>
                </ul>
            </div>
        </div>
    </div>
    <div id="kt_app_content_container" class="app-container container-xxl">
        <div class="card mb-5 mb-xl-8">
            <div class="card-header border-0 pt-5 align-items-center">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bold fs-3 mb-1">Event List</span>
                </h3>
                {{-- <div class="card-toolbar">
                    <a href="{{ route('event-create') }}" class="btn btn-sm btn-primary">
                            <span class="svg-icon svg-icon-2">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <rect opacity="0.5" x="11.364" y="20.364" width="16" height="2" rx="1"
                                        transform="rotate(-90 11.364 20.364)" fill="currentColor" />
                                    <rect x="4.36396" y="11.364" width="16" height="2" rx="1"
                                        fill="currentColor" />
                                </svg>
                            </span>
                        Add Event</a>
                </div> --}}
            </div>
            <div class="card-body py-3">
                <div class="table-responsive">
                    <table class="table table-row-dashed align-middle gs-0 gy-4" id="ds_datatable_table">
                        <thead>
                            <tr class="fw-bold">
                                <th class="min-w-25px"> S.no </th>
                                <th class="min-w-125px"> Name </th>
                                <th class="min-w-25px"> Gender </th>
                                <th > VT </th>
                                <th > FX </th>
                                <th > PH </th>
                                <th > SR </th>
                                <th > PB </th>
                                <th >HB</th>
                                <th >UB</th>
                                <th >BB</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($data as $key=>$value)
                            <tr>
                                <td><span class="text-dark fw-bold text-hover-primary mb-1 fs-6">{{ $key + 1 }}</span>
                                </td>
                                <td>
                                    <div class="symbol symbol-30px me-5">
                                    @if(!empty($value['logo1']))
                                    <img alt="" src="/backend/images/EventManager/{!! $value['logo1']!!}">
                                    @else
                                    <img alt="Dummy Photo" src="/assets/images/avatars/blank.png">
                                    @endif
                                    
                                    </div>{!! $value['Name'] !!}
                                </td>
                                <td><span class="text-dark fw-bold text-hover-primary mb-1 fs-6">{!! $value['gender']
                                        !!}</span>
                                </td>

                                <td>
                                    @if($value['gender'] === 'M' || $value['gender'] === 'F')
                                    <a href="{{ route('scorevaultadd', ['eventid'=>$value['id'], 'apid'=>6, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a></td>
                                    @else
                                   
                                    @endif
                                <td>
                                    @if($value['gender'] === 'M' || $value['gender'] === 'F')
                                    <a href="{{ route('scoreadd', ['eventid'=>$value['id'], 'apid'=>9, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a>
                                    @else
                                   
                                    @endif
                                </td>
                                <td>
                                    @if($value['gender'] === 'M')
                                    <a href="{{ route('scoreadd', ['eventid'=>$value['id'], 'apid'=>14, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a>
                                    @else
                                   
                                    @endif
                                </td>
                                <td>
                                    @if($value['gender'] === 'M')
                                    <a href="{{ route('scoreadd', ['eventid'=>$value['id'], 'apid'=>10, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a>
                                    @else
                                   
                                    @endif
                                </td>
                                <td>
                                    @if($value['gender'] === 'M')
                                    <a href="{{ route('scoreadd', ['eventid'=>$value['id'], 'apid'=>11, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a>
                                    
                                   
                                    @endif
                                </td>
                                <td>
                                    @if($value['gender'] === 'M')
                                    <a href="{{ route('scoreadd', ['eventid'=>$value['id'], 'apid'=>13, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a>
                                   
                                   
                                    @endif
                                </td>
                                <td>
                                    @if($value['gender'] === 'F')
                                    <a href="{{ route('scoreadd', ['eventid'=>$value['id'], 'apid'=>7, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a>
                                                                      
                                    @endif
                                </td>
                                <td>
                                    @if($value['gender'] === 'F')
                                    <a href="{{ route('scoreadd', ['eventid'=>$value['id'], 'apid'=>8, 'gender'=> $value['gender']])}}" class="btn btn-icon btn-primary">+</a>
                                   
                                   
                                    @endif
                                </td>
                            </tr>

                            @empty
                            <tr>
                                <td>No record found...</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('js')
<script>
$(document).ready(function() {
    $("#ds_datatable_table").DataTable({
        dom: "<'row'<'col-sm-3 float-start'f><'col-sm-3'><'col-sm-3'><'col-sm-3 float-end'B>><'row'<'col-sm-12'tr>><'row'<'col-sm-12 col-md-1'l><'col-sm-12 col-md-5'i><'col-sm-12 col-md-6'p>>",
                buttons: [
                    {
                        extend: 'excelHtml5',
                        exportOptions: {
                            columns: [1,2,3,4,5,6]
                        }
                    }
                ],
        info: 1,
        order: [],
        pageLength: 10,
        lengthChange: 1,
      
    });
});

function delete_data(id) {
    Swal.fire({
        icon: "warning",
        title: "Are you sure want to delete?",
        showCancelButton: true,
        confirmButtonText: "Yes",
        cancelButtonText: `No`,
    }).then((result) => {
        if (result.isConfirmed) {
            window.location.href = BASE_URL + "/event/delete/" + id;
        }
    })
}

function changeStatus(id, el) {
    $("#error_status_alert").css("display", 'none');
    $("#loader-screen").css('display', 'block');
    var formData = new FormData();
    formData.append('id', id);
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: "{{ route('event-status.update') }}",
        type: 'POST',
        contentType: 'multipart/form-data',
        cache: false,
        contentType: false,
        processData: false,
        data: formData,
        success: function(response) {
            $("#loader-screen").css('display', 'none');
            if (!response) {
                window.scroll({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                $("#error_status_alert").css("display", "block");
            } else {
                $("#error_status_alert").css("display", "none");
            }
        }
    });
}

function changePublished(id, el) {
    $("#error_status_alert").css("display", 'none');
    $("#loader-screen").css('display', 'block');
    var formData = new FormData();
    formData.append('id', id);
    $.ajax({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: "{{ route('event-published.update') }}",
        type: 'POST',
        contentType: 'multipart/form-data',
        cache: false,
        contentType: false,
        processData: false,
        data: formData,
        success: function(response) {
            $("#loader-screen").css('display', 'none');
            if (!response) {
                window.scroll({
                    top: 0,
                    left: 0,
                    behavior: 'smooth'
                });
                $("#error_status_alert").css("display", "block");
            } else {
                $("#error_status_alert").css("display", "none");
            }
        }
    });
}
</script>
@endpush