@php $pageName = "etw";
$subpageName = " workshop"; @endphp



@extends('layouts.app')



@section('content')

    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4 class="fw-bold">Setup Manager</h4>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb breadcrumb-divide mb-0">
                            <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                            <li class="breadcrumb-item"><a href="#">ETW Manager</a></li>

                            <li class="breadcrumb-item active" aria-current="page">Workshop</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <!-- /product list -->
        @if (session('message_success'))
            <p class="alert alert-success" align="center" style="color:green"><b>{{session('message_success')}}</b></p>
        @endif

        @if (session('message_error'))
            <p class="alert alert-danger" align="center" style="color: red">{{session('message_error')}}</p>
        @endif
        <!-- /product list -->
        <div class="card">
            <div class="card-header d-flex align-items-center justify-content-between flex-wrap row-gap-3">
                <div class="search-set">
                    <h3>New Workshop </h3>
                </div>
                <a data-bs-toggle="modal" data-bs-target="#bs-example-modal-lg" type="button" class="btn btn-info"
                    data-bs-placement="top" data-bs-custom-class="tooltip-info" title="Add New Workshop"
                    style="float: right"><i class="fe fe-plus"></i> Add New Workshop</a>
            </div>

            <div class="card-body">

                <div class="tab-content">
                    <div class="tab-pane show active text-muted" id="home-center" role="tabpanel">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="table-responsive">
                                    <table class="table" id="myTable">
                                        <thead class="table-light">
                                            <tr>
                                                <th>#</th>
                                                <th>Title</th>
                                                <th>Category</th>
                                                <th>Type</th>
                                                <th>City</th>
                                                <th>Venue</th>

                                                <th>Action</th>

                                            </tr>
                                        </thead>
                                        <tbody>
                                            @php
                                                $i = 1;
                                            @endphp
                                            @if($list)
                                                @foreach($list as $list)
                                                                                <tr>
                                                                                    <td>{{ $i }}</td>
                                                                                    <td>{{$list->ttle}}</td>
                                                                                    <td>{{$list->categoryname->name}}</td>
                                                                                    <td> {{$list->typename->name}}</td>
                                                                                    <td>{{$list->city}}</td>
                                                                                    <td>{{$list->venue}}</td>

                                                                                    <td><a class="edit-workshop-btn btn btn-success" data-bs-toggle="modal"
                                                                                            data-bs-target="#bs-example-modal-lg2"
                                                                                            data-url="{{ route('workshop-id', $list->id) }}"
                                                                                            data-bs-placement="top" data-bs-custom-class="tooltip-success"
                                                                                            title="Edit Workshop"><i class="tf-icons ti ti-edit"
                                                                                                style="color: white"></i></a> </td>
                                                                                </tr>
                                                    @php
                                                        $i++;
                                                    @endphp
                                                @endforeach
                                            @endif
                                        </tbody>
                                    </table>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('etw.WorkshopModal');
    @include('etw.EditWorkshopModal');
@endsection



@section('scripts')
    <script>
        $('#dobs').datepicker({
            format: "yyyy-mm-dd",
            autoclose: true
        });

    </script>
    <script>


        $(document).ready(function () {
            $(document).on('change', '.category_name', function () {
                //console.log("Hello world");
                var cat_id = $(this).val();
                //console.log(cat_id);

                var div = $(this).parent();

                var op = '';
                $.ajax({
                    type: 'get',
                    url: '{!!URL::to('findWorkshopData')!!}',
                    data: { 'id': cat_id },
                    success: function (data) {
                        //console.log('success');
                        //console.log(data);

                        op += '<option value="0" selected disabled>--Choose Type--</option>';
                        for (var i = 0; i < data.length; i++) {
                            op += '<option value="' + data[i].id + '">' + data[i].name + '</option>';

                        }
                        $(".type_name").html(op);

                    },
                    error: function () {
                    }
                });
            });

        });

        // ✅ FIX: Initialize Flatpickr when modal is shown
        $('#bs-example-modal-lg').on('shown.bs.modal', function () {
            if (typeof flatpickr !== "undefined") {
                flatpickr("#flatpickr-date", {
                    dateFormat: "Y-m-d",
                    allowInput: true,
                    minDate: "today"
                });
            }
        });

    </script>
    <script>
        $(document).ready(function () {
            $('body').on('click', '.edit-workshop-btn', function (e) {
                e.preventDefault();
                var userUrl = $(this).data('url');
                if (userUrl) {
                    $.get(userUrl, function (data) {
                        $('#WorkshopID').val(data.id);
                        $('#wrktitle').val(data.ttle);
                        $('#wrkcat').val(data.category_id);
                        $('#wrktype').val(data.type_id);
                        $('#wrkvenue').val(data.venue);
                        $('#wrkcity').val(data.city);
                        $('#wrkdesc').val(data.description);
                        $('#wrksdate').val(data.start_date);
                        $('#wrkendate').val(data.end_date);
                        $('#wrkres').val(data.residential);
                        $('#wrkspor').val(data.sponsored);
                        $('#wrksporby').val(data.sponsored_by);
                        $('#wrkfees').val(data.fee);
                    });
                }
            });
        });
    </script>

@endsection