@extends('layouts/main')

@section('content')
<style>

    .card-dashboard {
      border: 1px solid #dee2e6;
      border-radius: 6px;
      background-color: #fff;
      padding: 1rem;
      margin-bottom: 1rem;
    }
    .card-dashboard h5 {
      color: #6c757d;
      margin-bottom: 0.5rem;
    }
    .card-dashboard h2 {
      margin-bottom: 0.5rem;
    }

    ::-webkit-scrollbar {
      width: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #f1f1f1;
    }
    ::-webkit-scrollbar-thumb {
      background: #bbb;
      border-radius: 3px;
    }
  </style>
    @include('components/admin-menu')
  <div class="main-wrapper">
    <div class="container-fluid mt-4">
      @include('components/user-nav')
      @if (Route::currentRouteName() == "dashboard")
        <div class="row">
          <div class="col-md-3">
            <div class="card-dashboard text-center">
              <h5>Profit</h5>
              <h2>$12,628</h2>
              <span class="text-success">+72.80%</span>
            </div>
          </div>
          <div class="col-md-3">
            <div class="card-dashboard text-center">
              <h5>Sales</h5>
              <h2>$4,679</h2>
              <span class="text-success">+28.42%</span>
            </div>
          </div>
          <div class="col-md-3">
            <div class="card-dashboard text-center">
              <h5>Payments</h5>
              <h2>$2,150</h2>
              <span class="text-danger">-5.20%</span>
            </div>
          </div>
          <div class="col-md-3">
            <div class="card-dashboard text-center">
              <h5>Transactions</h5>
              <h2>1,345</h2>
              <span class="text-success">+12.00%</span>
            </div>
          </div>
        </div>
      @else
        <div class="row align-items-center">
          <!-- Button trigger modal -->
          <div class="col-md-6">
            <h1>{{ucfirst($title)}}</h1>
          </div>
          <div class="col-md-6 d-flex justify-content-end">
            @if ($entity != 'events_log')                
              <button type="button" class="btn btn-main btn-dashboard-fit" data-bs-toggle="modal" data-bs-target="#creationModal">
                Add {{ucfirst($title)}}
              </button>
            @endif
          </div>
          <div class="modal modal-xl fade" id="creationModal" tabindex="-1" aria-labelledby="creationModal" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <form action="/{{$entity}}" method="POST" enctype="multipart/form-data">
                  @csrf
                  <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Add {{ucfirst($title)}} Form</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                  </div>
                  <div class="modal-body">
                    <div class="row">
                      @foreach ($fields as $field)   
                      @if(isset($field['type']) && $field['type'] == 'textarea')
                        <div class="col-md-12">
                      @else
                        <div class="col-md-6">
                      @endif                 
                          <div class="mb-3 input-group d-flex flex-column align-items-start">
                            @if (isset($field['type']) && $field['type'] == 'textarea')
                            <label for="{{$field['name']}}">{{$field['label']}}</label>
                            <textarea rows="2" name="{{$field['name']}}" class="@if(isset($field['ckeditor'])){{"ckeditor"}}@endif">{{ old($field['name'])  }}</textarea>
                        @elseif (isset($field['type']) && $field['type'] == 'select')
                            <label for="{{$field['name']}}">{{$field['label']}}</label>
                            <select name="{{$field['name']}}" id="{{$field['name']}}">
                              
                              @foreach ($field['options'] as $option_key => $option)
                                  <option value="{{$option_key}}">{{$option}}</option>
                              @endforeach
                            </select>
                        @else
                            <label for="{{$field['name']}}">{{$field['label']}}</label>
                            <input type="@if(isset($field['type'])){{$field['type']}}@else text @endif" value="{{ old($field['name']) }}" name="{{$field['name']}}" @if (isset($field['required'])) required @endif>
                        @endif
                          </div>
                        </div>
                      @endforeach
                    </div>
                  </div>
                  <div class="modal-footer justify-content-center bg-main">
                    <button type="submit" class="btn btn-main btn-dashboard mt-3">Add</button>
                    <button type="button" class="btn btn-main red  btn-dashboard mt-3" data-bs-dismiss="modal" aria-label="Close">Cancel</button>
                  </div>
                </form>
                </div>
            </div>
          </div>
        </div>
        <hr>
        <div class="row">
          <div class="table-responsive">
            <table class="table table-striped table-hover" id="myDataTable">
              <thead class="table-dark">
                <tr>
                  @foreach ($fields as $field)
                    @if (!isset($field['hidden']))
                      <th> {{ucfirst($field['label'])}} </th> 
                    @endif 
                  @endforeach
                  @if ($entity != 'events_log' && $entity != 'ase')  
                    <th>Edit</th>
                  @endif
                  @isset($enable_view)
                    <th>View</th>
                  @endisset
                </tr>
              </thead>
              <tbody>
                @foreach ($data as $item)
                  <tr>
                  @foreach ($fields as $field)
                      @if (!isset($field['hidden']))
                        @if (isset($field['type']) && $field['type'] == 'file')
                          @if (isset($field['file_type']) && $field['file_type'] == 'img' && isset($item[$field['name']]))
                            <td class="td-image"><img src="{{ asset($item[$field['name']]) }}" alt="{{ $field['name'] }}"></td>
                          @elseif (isset($item[$field['name']]))
                            <td><a href="{{ asset($field['name']) }}" target="_blank" rel="noopener noreferrer">{{ asset($field['name']) }}</a></td>
                          @else
                            <td></td>
                          @endif  
                        @else  
                          @if (isset($field['foreign']) && isset($field['attribute']))

                              <td>{{ data_get($item, $field['attribute']) }}</td>
                          @else  
                            <td>{!! $item[$field['name']] !!}</td>
                          @endif
                        @endif
                      @endif
                    @endforeach
                    @if ($entity != 'events_log' && $entity != 'ase')  
                    <td>
                      <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#editModal{{$item['id']}}"> 
                        <span class="material-icons">edit</span>
                      </button>
                    </td>  
                    @endif
                    @isset($enable_view)
                      <td>
                        <a href="{{ route($entity=='ase' ? $entity . 's.show' : $entity . '.show', [$entity=>$item->id]) }}" target="_blank" rel="noopener noreferrer"><span class="material-icons">visibility</span></a>
                      </td>
                    @endisset
                      <div class="modal modal-xl fade" id="editModal{{$item['id']}}" tabindex="-1" aria-labelledby="creationModal" aria-hidden="true">
                        <div class="modal-dialog">
                          <div class="modal-content">
                            <form action="/{{$entity}}/{{$item['id']}}" method="POST" enctype="multipart/form-data">
                              @csrf
                              <div class="modal-header">
                                <h1 class="modal-title fs-5" id="exampleModalLabel">Update {{$item['name']}}</h1>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                              </div>
                              <div class="modal-body">
                                <div class="row">
                                  @foreach ($fields as $field)   
                                  @if(isset($field['type']) && $field['type'] == 'textarea')
                                    <div class="col-md-12">
                                  @else
                                    <div class="col-md-6">
                                  @endif     
                                      <div class="mb-3 input-group d-flex flex-column align-items-start">
                                        <label for="{{$field['name']}}">{{$field['label']}}</label>
                                        @if (isset($field['type']) && $field['type'] == 'textarea')
                                            <textarea rows="2" name="{{$field['name']}}" id="{{$field['name']}}" class="@if(isset($field['ckeditor'])){{"ckeditor"}}@endif">{{$item[$field['name']]}}</textarea>
                                        @elseif (isset($field['type']) && $field['type'] == 'select')
                                            <select name="{{$field['name']}}" id="{{$field['name']}}">
                                              <option value="{{$item[$field['name']]}}">@if (isset($field['foreign']) && isset($field['attribute']))
                                                {{ data_get($item, $field['attribute']) }}@else{{$item[$field['name']]}}@endif</option>
                                              @foreach ($field['options'] as $option_key => $option)
                                                  <option value="{{$option_key}}">{{$option}}</option>
                                              @endforeach
                                            </select>
                                        @elseif (isset($field['type']) && $field['type'] == 'file')
                                          <div class="thumb">
                                            @if (isset($item[$field['name']]))
                                              <img src="{{ asset($item[$field['name']]) }}" alt="{{ $field['name'] }}">
                                            @endif
                                            <input type="@if(isset($field['type'])){{ $field['type'] }}@else text @endif" name="{{$field['name']}}" @if (isset($field['required'])) required @endif>
                                          </div>
                                        @else
                                          <input type="@if (isset($field['type'])){{$field['type']}}@else text @endif"  value="{{$item[$field['name']]}}" name="{{$field['name']}}" @if (isset($field['required'])) required @endif>
                                        @endif
                                      </div>
                                    </div>
                                  @endforeach
                                  @method('PUT')
                                </div>
                              </div>
                              <div class="modal-footer bg-main justify-content-center">
                                <button type="submit" class="btn btn-main btn-dashboard mt-3">Update</button>
                                @if (!isset($not_delete))    
                                  <button type="button" data-bs-target="#deletionModal{{$item['id']}}" class="btn btn-main red btn-dashboard mt-3" data-bs-toggle="modal">
                                    Delete
                                  </button>
                                @endif

                              
                              </div>
                            </form>
                            </div>
                        </div>
                      </div>
                  </tr>
                  @if (!isset($not_delete))    

                  <div class="modal fade " id="deletionModal{{$item['id']}}" tabindex="-1" aria-labelledby="deletionModalLabel{{$item['id']}}" aria-hidden="true">
                    <div class="modal-dialog z-index-high">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h1 class="modal-title fs-5" id="deletionModalLabel{{$item['id']}}">Delete this register</h1>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                          Are you sure you want to delete this entry?
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn  btn-main gray btn-dashboard" data-bs-dismiss="modal">Cancel</button>
                          <form action="/{{$entity}}/{{$item['id']}}" method="POST">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-main red btn-dashboard">
                              Delete
                            </button>
                          </form>  
                        </div>
                      </div>
                    </div>
                  </div>
                  @endif
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      @endif
    </div>
    @yield('page-content')
  </div>



@endsection

@error('success')
    @section('alert')
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror

@error('errors')
    @section('alert')
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {!! $message !!}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
      </div>
    @endsection
@enderror