@extends('admin.layout.master')
@section('content')
<div class='bg-white p-2 rounded m-2'>
    <div class="row justify-content-between p-1 rounded m-2 bg-light">
        <div class="col-12 col-md-6 align-self-center">
            <a class='text-decoration-none fw-bold theme_link_color' href="{{url('/home')}}">{{trans('admin.Home')}}  </a> <span class="bi bi-caret-right-fill theme_text_color"></span>
            <a class='text-decoration-none fw-bold theme_link_color' href="{{url('/themes')}}">{{trans('admin.themes')}}  </a> <span class="bi bi-caret-right theme_text_color"></span>
            <span class='text-decoration-none fw-bold theme_text_color' >{{trans('admin.front_end')}}</span>
        </div>
        <div class="col-12 col-md-6 d-flex justify-content-end ">
            <div class="row">
                <div class="col-md-2 mt-md-0 mt-2 text-md-end text-start">
                    <div class="dropdown px-2">
                        <a class="bi bi-three-dots-vertical fs-3 text-white bg-warning admin_css_dot d-flex justify-content-center align-items-center" href="#" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
                        </a>
                        <ul class=" dropdown-menu" aria-labelledby="dropdownMenuLink">
                            <li>
                            <a href="#" class="dropdown-item" onclick="jQuery('.table-border').print()"><i class="bi-printer mx-2"></i>
                            {{__('admin.print')}}</a>
                            </li>
                            <li>
                            <a class="dropdown-item" href="#" onclick="exportTable('table-border', 'pdf', '{{trans('frontend')}} 2024-10-18 02:31:42')">
                            <i class="bi bi-file-earmark-pdf  mx-2"></i>
                            {{__('admin.PDF')}}</a></li>
                            <li>
                            <a class="dropdown-item" href="#" onclick="exportTable('table-border', 'csv', '{{trans('frontend')}} 2024-10-18 02:31:42')">
                            <i class="bi bi-file-spreadsheet  mx-2"></i>
                            {{__('admin.excel_csv')}} </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row justify-content-center">
        <div class="col-lg-12">
            <div class='table-responsive w-100 p-2'>
                <table class='table table-border'>
                    <thead>
                        <tr class='tex-g'>
                            <th>{{ trans('admin.sections') }}</th>
                            <th class="text-end">{{ trans('admin.status') }}</th>
                            <th class='text-end no-print'>{{ trans('admin.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($data as $key  => $item)
                        <tr>
                            <td class="text-capitalize">
                                {{trans('admin.'.$key)}}
                            </td>
                            <input type="hidden" name="section" value="{{$key}}">
                            <td class='text-end'>
                                <label class="switch">
                                    <input type="checkbox" name="hide" id="hide" value="{{($data[$key]['hide'])}}" data-section="{{$key}}" {{($data[$key]['hide'] == true) ? "checked" : ""}}>
                                    <div class="slider round">
                                        <!-- ADDED HTML -->
                                        <span class="on">{{ trans('admin.on') }}</span>
                                        <span class="off">{{ trans('admin.off') }}</span>
                                    </div>
                                </label>
                            </td>
                            <td class='text-end no-print'>
                                <span class='px-2'>
                                    <a class='text-decoration-none px-1' href="{{url('/frontend/section').'/'.Crypt::encrypt($key)}}">
                                        <span class="edit_icon">
                                            <i class="bi bi-pen"></i>
                                        </span>
                                        <span class='px-1 e-text'>{{ trans('admin.edit') }}</span>
                                    </a>
                                </span>

                            </td>

                        </tr>
                        @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
@endsection
@section('custom-js')
@include('admin.frontend.frontendJS')
@endsection