@extends('superadmin.layouts.app')

@section('title', 'GAMME')
@section('page-classes', 'services')

@section('content')
@include('superadmin.partials.alerts')
<!-- Modal -->
<div class="modal fade" id="csvUploadModal" tabindex="-1" role="dialog" aria-labelledby="csvUploadModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="csvUploadModalLabel">CSV Upload</h3>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- CSV file upload form -->
                <form action="{{ route('superadmin.ranges.import') }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group">
                        <label for="csvFile" class="h4">CSV File:</label>
                        <input type="file" class="form-control pb-5 pt-3" id="csvFile" name="csvFile" accept=".csv" required>
                        @error('csvFile')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="align-items-center d-flex form-check">
                        <input type="checkbox" class="form-control w-auto" id="deleteRecords" name="deleteRecords">
                        <label class="h4 m-0 pl-3" for="deleteRecords">Elimina i record non presenti nel CSV</label>
                    </div>
                    <div class="alert alert-danger mt-3" id="deleteRecordsAlert" style="display: none;">
                        <h3>Attenzione: questa azione eliminerà i record non presenti nel file CSV.</h3>
                    </div>
                    <button type="submit" class="btn btn-lg btn-primary mt-3">Upload</button>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-12">
        <div class="row justify-content-between align-items-center">
            <div class="col-md-6 breadcrumbs">
                <ul class="list-inline">
                    <li class="list-inline-item">
                        <p class="prevPage"> GAMME</p>
                    </li>
                    <li class="list-inline-item">
                        <p class="currentClient">GAMME</p>
                    </li>
                </ul>
            </div>
            <div class="col-md-6">
                <ul class="list-inline text-right">
                    <li class="list-inline-item">
                        <a href="{{route('superadmin.ranges.export')}}?id={{request('id')}}" class="btn btn-optovista text-white btn-lg px-4 py-3">Esportare</a>
                    </li>
                    <li class="list-inline-item">
                        <button type="button" data-toggle="modal" data-target="#csvUploadModal" class="btn  btn-optovista bg-primary text-white btn-lg px-4 py-3">Importare</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-md-12 selectTheProduct">
        <form action="">
            <div class="form-group">
                <label for="Prodotto">Prodotto</label>
                <select class="custom-select custom-select-sm" id="doProduct" name="product">
                    <option value="noSelect">Seleziona Prodotto</option>
                    @foreach($products as $product)
                        <option value="{{$product->id}}"
                                @if($prd && $prd->id == $product->id) selected @endif>{{$product->name}}</option>
                    @endforeach
                </select>
            </div>
        </form>
    </div>
</div>
@if($prd)

<div class="row mb-5">
  <div class="col-sm-12 align-items-center justify-content-center d-flex ml-auto trattamentiTable">
    <a href="javascript:void(0);" class="btn btn-block p-4 btn-optovista" data-toggle="dynamic-modal" data-action="range_create_edit" data-params="{{ json_encode([ 'product_id' => $prd->id ]) }}">
      <i class="fas fa-plus mr-2"></i>
      CREA NUOVA GAMME
    </a>
  </div>
</div>


@component('components.scroll-pagination', [
'action' => action('Superadmin\RangesController@index'),
'last_page' => $ranges->lastPage()
])
<div class="row storeOrderHistory">
  <div class="col-md-12">
    <table class="table table-hover">
      <thead>
        <tr>
          <th scope="col">Dia. Min</th>
          <th scope="col">Dia. Max</th>
          <th scope="col">Cilindro</th>
          <th scope="col">Sfero </th>
          <th scope="col">Add. Min</th>
          <th scope="col">Add. Max</th>
          <th scope="col">Gamme min</th>
          <th scope="col">Gamme max</th>
          <th scope="col" colspan="2"> Public Prezzo</th>

        </tr>
      </thead>
      <tbody class="scroll-content">

      </tbody>
    </table>
  </div>
</div>
@endcomponent

@endif

@endsection
@push('scripts')
    <!-- JavaScript to show/hide the alert message -->
    <script>
        $(document).ready(function() {
            $('#deleteRecords').change(function() {
                if ($(this).is(':checked')) {
                    $('#deleteRecordsAlert').show();
                } else {
                    $('#deleteRecordsAlert').hide();
                }
            });
        });
    </script>
@endpush