@extends('admin.layouts.app')

@section('title', 'Add Ecu')

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card card-outline-info">
                <div class="card-header">
                    <h4 class="card-title">{{ __('Add Ecu') }}</h4>

                </div>
                <div class="card-body p-4">

                            <div class="row">
                            <div class="col-offset-4 col-lg-8">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-title">Add Ecu</h4>
                                    </div>
                                    <div class="card-body">
                                    <form method="POST"  action="{{ route('addSave') }}" enctype="multipart/form-data">
                                    @csrf
                                    @method('POST')
                                        <div class="mb-3">
                                            @if(isset($eculist))
                                             <input type="hidden" name="ecu_id" value={{$eculist[0]->id}}>
                                            @endif
                                                <label class="form-label" for="formrow-ecuname-input">
                                                ECU </label>
                                                <input id="ecuname" type="text" class="form-control @error('ecuname') is-invalid @enderror" name="ecuname" value="{{isset($eculist) ?  $eculist[0]->name :''}}" required autocomplete="ecuname" autofocus>
                                                @include('admin.partials.form-errors', array('field' => 'ecuname'))
                                        </div>
                                        {{-- <div class="mb-3">
                                                <label class="form-label" for="formrow-ecuname-input">
                                                ECU Hexa FileNames </label>
                                                <div id="hexafilenames">
                                                   @if(isset($ecuhexafile))
                                                    @foreach( $ecuhexafile as $hexfile)

                                                         <div class="hexa-wrapper">
                                                         <input id="hexafile-{{$hexfile->id}}" value={{$hexfile->name}} placeholder="Hexa Filename"  type="text" class="form-control mb-2"  name="oldhexname[]"  required autofocus>
                                                         <input id="hexafile-{{$hexfile->id}}" value={{$hexfile->id}} placeholder="Hexa Filename"  type="hidden" class="form-control mb-2"  name="oldhexaid[]"  required autofocus>
                                                         <span class="mb-2"><button type="button" onclick="deleteHexafile({{$hexfile->id}})"  class="btn btn-danger btn-sm">Delete</button></span>
                                                         </div>

                                                    @endforeach
                                                   @endif

                                                   @if(!isset($ecuhexafile))
                                                    <div>
                                                        <input  placeholder="Hexa Filename"  type="text" class="form-control mb-2"  name="newhexname" value="" required  autofocus>
                                                    </div>
                                                   @endif


                                                </div>
                                                <div style="display:flex;justify-content:flex-end;width:100%">
                                                  <button type="button" id="addHexaFilenamme" class="btn btn-primary mt-2">Add More</button>
                                                </div>


                                        </div> --}}


                                        <div class="mt-4">
                                            <button type="submit" class="btn btn-primary w-md">Submit</button>
                                        </div>
                                    </form>
                                    </div>
                                </div>
                            </div>
                            <!-- end col -->

                            <!-- end col -->
                        </div>
                </div>
            </div>
        </div>
    </div>
<!-- JAVASCRIPT -->
        <script src="{{url('/')}}/assets/libs/jquery/jquery.min.js"></script>
        <script src="{{url('/')}}/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="{{url('/')}}/assets/libs/metismenu/metisMenu.min.js"></script>
        <script src="{{url('/')}}/assets/libs/simplebar/simplebar.min.js"></script>
        <script src="{{url('/')}}/assets/libs/node-waves/waves.min.js"></script>
        <script src="{{url('/')}}/assets/libs/feather-icons/feather.min.js"></script>
        <!-- pace js -->
        <script src="{{url('/')}}/assets/libs/pace-js/pace.min.js"></script>

        <!-- apexcharts -->
        <script src="{{url('/')}}/assets/libs/apexcharts/apexcharts.min.js"></script>

        <!-- Plugins js-->
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/jquery-jvectormap-1.2.2.min.js"></script>
        <script src="{{url('/')}}/assets/libs/admin-resources/jquery.vectormap/maps/jquery-jvectormap-world-mill-en.js"></script>
        <!-- dashboard init -->
        <script src="{{url('/')}}/assets/js/pages/dashboard.init.js"></script>

        <script src="{{url('/')}}/assets/js/app.js"></script>
        <script>
          function deleteHexafile(id)
          {
             $("#hexafile-"+id).closest(".hexa-wrapper").remove();
          }

          $("#addHexaFilenamme").on("click",()=>{
            let id= Math.floor(Math.random() * 100);
            $("#hexafilenames")
            .append('<div class="hexa-wrapper"><input autocomplete="off" id="hexafile-'+id+'"  placeholder="Hexa Filename"  type="text" class="form-control mb-2"  name="newhexname[]" value="" required  ><span class="mb-2"><button type="button" onclick="deleteHexafile('+id+')"  class="btn btn-danger btn-sm">Delete</button></span></div>')
          });

        </script>
@endsection