@extends('panel.master')
@section('t') مدیریت سرنخ‌ها @stop

@section('content')
<div class="content-wrapper activity-management">
    <!-- Header -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">مدیریت سرنخ‌ها</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-left">
                        <li class="breadcrumb-item"><a href=""><i class="fas fa-home"></i> خانه</a></li>
                        <li class="breadcrumb-item active">مدیریت سرنخ‌ها</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <!-- Main Content -->
    <section class="content">
        <div class="container-fluid">
            @if($sarnakhids2 == "x")
                <!-- Add New Activity Card -->
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">
                            <i class="fas fa-plus-circle"></i>
                            افزودن سرنخ جدید
                        </h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    
                    <div class="card-body">
                        @if($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                        @endif
                        
                        <form action="/panel/sarnakh/Savenewsarnakh" method="post">
                            @csrf
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="NameAnbar">نام سرنخ <span class="text-danger">*</span></label>
                                        <input type="text" name="Namesarnakh" id="NameAnbar" class="form-control" required>
                                    </div>
                                </div>
                                  <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="NamesarnakhEn">نام انگلیسی <span class="text-danger">*</span></label>
                                        <input type="text" name="NamesarnakhEn" id="NamesarnakhEn" class="form-control" required>
                                    </div>
                                </div>
                                 <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="point">امتیاز<span class="text-danger">*</span></label>
                                        <input type="text" name="point" id="point" class="form-control" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="Status">وضعیت <span class="text-danger">*</span></label>
                                        <select name="Status" id="Status" class="form-control select2" required>
                                            <option value="Parant">اصلی</option>
                                            @foreach($sarnakhidsparant as $val)
                                            <option value="{{$val->IdsarnakhId}}">{{$val->Namesarnakh}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                               
                                
                                <div class="col-12 mt-3">
                                    <button type="submit" class="btn btn-success">
                                        <i class="fas fa-save"></i> ثبت سرنخ
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                
                <!-- Activities List -->
                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">
                            <i class="fas fa-list"></i>
                            لیست سرنخ‌ها
                        </h3>
                    </div>
                    
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="activitiesTable" class="table table-bordered table-hover">
                                <thead>
                                    <tr>
                                        <th width="5%">#</th>
                                        <th width="30%">نام سرنخ</th>
                                        <th width="25%">والد</th>
                                        <th width="15%">وضعیت</th>
                                           <th width="15%">امتیاز</th>
                                              <th width="15%">نام انگلیسی</th>
                                        <th width="15%">تاریخ ایجاد</th>
                                        <th width="10%">عملیات</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($sarnakhids as $val)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>{{ $val->Namesarnakh }}</td>
                                        <td>{{DB::table('sarnakhids')->where('IdsarnakhId',$val->ParantId)->value('Namesarnakh')?? '-' }}</td>
                                        <td>
                                            @if($val->Status == 'Parant')
                                                <span class="badge bg-success">اصلی</span>
                                            @else
                                                <span class="badge bg-info">زیرمجموعه</span>
                                            @endif
                                        </td>
                                            <td>{{ $val->point }}</td>
                                                <td>{{ $val->NamesarnakhEn }}</td>
                                        <td>{{ jdate($val->created_at)->format('Y/m/d') }}</td>
                                        <td>
                                            <div class="btn-group btn-group-sm">
                                                <a href="/panel/sarnakh/sarnakh_viewup?IdsarnakhId={{$val->IdsarnakhId}}" class="btn btn-warning" title="ویرایش">
                                                    <i class="fas fa-edit"></i>
                                                </a>
                                                <button type="button" class="btn btn-danger delete-activity" data-id="{{$val->IdsarnakhId}}" title="حذف">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                      <div class="card-footer clearfix">
                        <div class="float-left">
                            <div class="dataTables_info">
                                نمایش {{ $sarnakhids->firstItem() }} تا {{ $sarnakhids->lastItem() }} از {{ $sarnakhids->total() }} رکورد
                            </div>
                        </div>
                        <div class="float-right">
                            {{ $sarnakhids->links() }}
                        </div>
                    </div>
                
                </div>
                
            @else
                <!-- Edit Activity Card -->
                @foreach($sarnakhids2 as $value2)
                <div class="card card-warning">
                    <div class="card-header">
                        <h3 class="card-title">
                            <i class="fas fa-edit"></i>
                            ویرایش سرنخ: {{ $value2->Namesarnakh }}
                        </h3>
                    </div>
                    
                    <div class="card-body">
                        <form action="/panel/sarnakh/Savenewsarnakhup" method="post">
                            @csrf
                            <input type="hidden" name="IdsarnakhId" value="{{ $value2->IdsarnakhId }}">
                            
                            <div class="row">
                                <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="Namesarnakh">نام سرنخ <span class="text-danger">*</span></label>
                                        <input type="text" name="Namesarnakh" id="Namesarnakh" class="form-control" value="{{ $value2->Namesarnakh }}" required>
                                    </div>
                                </div>
                                  <div class="col-md-5">
                                    <div class="form-group">
                                        <label for="NamesarnakhEn">نام انگلیسی <span class="text-danger">*</span></label>
                                        <input type="text" name="NamesarnakhEn" id="NamesarnakhEn" class="form-control" value="{{ $value2->NamesarnakhEn }}" required>
                                    </div>
                                </div>
                                 <div class="col-md-2">
                                    <div class="form-group">
                                        <label for="point">امتیاز<span class="text-danger">*</span></label>
                                        <input type="text" name="point" id="point" class="form-control" value="{{ $value2->point }}" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="Status">وضعیت <span class="text-danger">*</span></label>
                                        <select name="Status" id="Status" class="form-control select2" required>
                                            <option value="Parant" {{ $value2->Status == 'Parant' ? 'selected' : '' }}>اصلی</option>
                                            @foreach($sarnakhidsparant as $val)
                                                @if($val->IdsarnakhId != $value2->IdsarnakhId)
                                                <option value="{{ $val->IdsarnakhId }}" {{ $value2->ParantId == $val->IdsarnakhId ? 'selected' : '' }}>
                                                    {{ $val->Namesarnakh }}
                                                </option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                
                                <div class="col-12 mt-3">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save"></i> ذخیره تغییرات
                                    </button>
                                    <a href="/panel/sarnakh/sarnakh_view" class="btn btn-secondary">
                                        <i class="fas fa-arrow-left"></i> بازگشت
                                    </a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                @endforeach
            @endif
        </div>
    </section>
</div>

<!-- Delete Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h5 class="modal-title" id="deleteModalLabel">حذف سرنخ</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                آیا از حذف این سرنخ اطمینان دارید؟
            </div>
            <div class="modal-footer">
                <form action="/panel/sarnakh/Savenewsarnakhdelete" method="post" id="deleteForm">
                     @csrf
                    <input type="hidden" name="IdsarnakhId" id="activityIdToDelete">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">انصراف</button>
                    <button type="submit" class="btn btn-danger">حذف</button>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@section('extrajs')
<script>
    $(document).ready(function() {
        // Initialize DataTable
        $('#activitiesTable').DataTable({
            "language": {
                "url": "//cdn.datatables.net/plug-ins/1.10.25/i18n/Persian.json"
            },
            "responsive": true,
            "autoWidth": false,
            "columnDefs": [
                { "orderable": false, "targets": [5] }
            ]
        });
        
        // Initialize Select2
        $('.select2').select2({
            theme: 'bootstrap4'
        });
        
        // Delete Activity Button
        $('.delete-activity').click(function() {
            var activityId = $(this).data('id');
            $('#activityIdToDelete').val(activityId);
            $('#deleteModal').modal('show');
        });
    });
</script>
@endsection

@section('extracss')
<style>
    /* Custom Styles for Activity Management */
    .activity-management {
        /* Card Styles */
        .card {
            margin-bottom: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        
        .card-header {
            background-color: #f8f9fa;
        }
        
        /* Table Styles */
        #activitiesTable {
            margin-top: 10px;
        }
        
        #activitiesTable thead th {
            background-color: #6c757d;
            color: white;
        }
        
        /* Button Styles */
        .btn-group-sm .btn {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
        }
        
        /* Form Styles */
        .form-control {
            border-radius: 4px;
        }
        
        /* Badge Styles */
        .badge {
            font-weight: 500;
            padding: 0.35em 0.65em;
        }
    }
</style>
@endsection