@extends('layouts.sale')
@section('content')
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header m-3">
      <h1>@if($action == 'edit')
            {{__('Edit Stock')}}
            @else
            {{__('New Meter Reading')}}
            @endif</h1>
    </section>
    <!-- Main content -->
    @include('customers.reading_content')
</div>

<div class="modal fade sub-modal" id="addCustomerModal">
    <div class="modal-dialog modal-lg">
  
    <div class="modal-content" id="addCustomer">
        {{ Form::open(array('url' => 'category', 'files' => true,)) }}

    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Add Category</h4>
    </div>
    <div class="modal-body" >
       <div class="row">
            <div class="col-sm-10">
            <div class="form-group row">
            <label for="name" class="col-sm-3 text-right">Name *</label>
    <div class="col-sm-9"> 
        {{ Form::text('name', null, array('class' => 'form-control', 'required')) }}
    </div>
</div>

<div class="form-group row">
<label for="slug" class="col-sm-3 text-right">Slug *</label>
    <div class="col-sm-9"> 
        {{ Form::text('slug', null, array('class' => 'form-control', 'required')) }}
    </div>
</div>

<div class="form-group row">
<label for="description" class="col-sm-3 text-right">Description *</label>
    <div class="col-sm-9"> 
    {{ Form::textarea('description', null, array('class' => 'form-control', 'style' => 'height: 85px;', 'required')) }}
    </div>
</div>

       
             
                     
                
            </div>


        </div>
        <div class="row">
            <div class="col-sm-12">

            {{ Form::submit(trans('Save'), array('class' => 'btn btn-success')) }}
                   
            </div>


        </div>


        <div class="row">
            <div class="col-sm-12">

            <table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">Name</th>
      <th scope="col">slug</th>
      <th scope="col">Description</th>
  
    </tr>
  </thead>
  <tbody>



        @foreach ($categories as $category)
            <tr>
                <th scope="row">{{ $category->id }}</th>
                <td>{{ $category->name }}</td>
                <td>{{ $category->slug }}</td>  
                <td>{{ $category->description }}</td>  
            </tr>
        @endforeach


  </tbody>
</table>

            </div>
            </div>

    </div>
    <div class="modal-footer">
      
       
        <button type="button" class="btn btn-default" data-dismiss="modal">{{__('Close')}}</button>
    </div>
    {{ Form::close() }}
</div>
    </div>
</div>

@endsection
@section('script')
<script src="{{asset('js/partials.js')}}"></script>

<script>
    function toggleDiv(select) {
        var selectedItem = select.value;
        if (selectedItem === 'new') {
           
            document.getElementById('existingItemDiv').style.display = 'none';
        } else {

            document.getElementById('existingItemDiv').style.display = 'block';
        }
    }


    $(document).ready(function() {
        $('#stock_dropdown').on('change', function() {
            var selectedStock = $(this).find(':selected');
            $('#name').val(selectedStock.data('name'));
            $('#quantity').val(selectedStock.data('quantity'));
            $('#description').val(selectedStock.data('description'));
            $('#category_dropdown').val(selectedStock.data('category')).trigger('change.select2'); // Trigger select2 change event if needed
        });
    });





</script>

<script type="text/javascript" src="{{asset('js/angular.min.js')}}"></script>
<script type="text/javascript" src="{{asset('js/sale.js')}}"></script>
@endsection