@extends('layouts.dashboardnew')

@section('content')


<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                
                <div class="row">
                    <div class="col-md-3 col-6">
                        <div class="form-group mb-3">
                            <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#agregar_menu">Agregar menu</a>
                        </div>
                    </div>
                    
                    <div class="col-md-3 col-6">
                        <div class="form-group mb-3">
                            <a class="btn btn-info w-100" data-bs-toggle="modal" data-bs-target="#agregar_item">Agregar item</a>
                        </div>
                    </div>
                </div>
                
                <table class="table zero-configuration">
                    <thead>
                        <tr>
                          <th scope="col">Titulo</th>
                          <th scope="col">Url</th>
                          <th scope="col">Editar</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($header as $head)
                        <tr>
                           <th>{{ $head->title }}</th>
                           <th>{{ $head->url }}</th>
                           <th>
                               @if($head->tipo == 0)
                               <a class="btn btn-info" data-bs-toggle="modal" data-bs-target="#editar_menu" onclick="editar_menu('{{$head->id}}','{{$head->title}}')">
                                   <i class="fa fa-edit"></i>
                               </a>
                               
                               <a class="btn btn-danger" href="{{ route('header-eliminar-tienda', ['id' => $head->id]) }}">
                                   <i class="fa fa-trash"></i>
                               </a>
                               @else
                               <a class="btn btn-info" data-bs-toggle="modal" data-bs-target="#editar_item" onclick="editar_item('{{$head->id}}','{{$head->title}}','{{$head->url}}','{{$head->idheader}}')">
                                   <i class="fa fa-edit"></i>
                               </a>
                               
                               <a class="btn btn-danger" href="{{ route('header-eliminar-item-tienda', ['id' => $head->id]) }}">
                                   <i class="fa fa-trash"></i>
                               </a>
                               @endif
                           </th>
                        </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>    


@include('setting.header.modal.agregar_menu')
@include('setting.header.modal.agregar_item')

@include('setting.header.modal.editar_menu')
@include('setting.header.modal.editar_item')

@include('usuario.componentes.scritpTable')

@endsection


@push('script')
<script type="text/javascript">
    
    function editar_menu(id, title){
        $('.id').val(id);
        $('.title').val(title);
    }
    
    function editar_item(id, title, url, idheader){
        $('.id').val(id);
        $('.title').val(title);
        $('.url').val(url);
        $('.idheader').val(idheader);
    }
    
</script>
@endpush