@extends('layout.index')
@section('content')
<div class="row" style="margin-top:40px">
   <div class="col-md-8">
    <h1>Modifier formula</h1>
    @if(Session::has('message'))
    <div class="alert alert-success">
    {{Session::get('message')}}
    </div>
    @endif
        <form action="{{route('edit-formula',$formula->id)}}" method="post">
            @csrf
            <div class="mb-3">
                <label class="form-label">Titre</label>
                <input type="text" class="form-control" name="controle_name" value="{{$formula->controle_name}}">
            </div>
            <div class="mb-3">
                <label class="form-label">Controle</label>
                <input type="text" class="form-control" name="controle" value="{{$formula->controle}}">
            </div>
            <div class="mb-3">
                <label class="form-label">Excel 1</label>
                <select class="form-control" name="filetype_name1" onchange="loadSubCategorie(this)">
                    <option value=""></option>
                    @foreach($categories as $categorie)
                    <option value="{{$categorie->filetype_name}}" {{($categorie->filetype_name==$formula->filetype_name1)?'selected':''}}>{{$categorie->filetype_name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="mb-3">
                <label class="form-label">Excel 2</label>
                <select id="subCategories" class="form-control" name="filetype_name2">
                     <option value=""></option>
                    @foreach($childCategories as $childCategorie)
                    <option value="{{$childCategorie->filetype_name}}" {{($childCategorie->filetype_name==$formula->filetype_name2)?'selected':''}}>{{$childCategorie->filetype_name}}</option>
                    @endforeach
                </select>
            </div>
            <div class="mb-3">
                <label class="form-label">Formula</label>
                <textarea class="form-control" rows="5" id="formula_text" name="formula_text">{{$formula->formula_text}}</textarea>
            </div>
            <div class="mb-3">
                <label class="form-label">Periodicite</label>
                <select class="form-control" name="periodicite_id">
                    <option value=""></option>
                    @foreach($periodicites as $periodicite)
                    <option value="{{$periodicite->id}}" {{($periodicite->id==$formula->periodicite_id )?'selected':''}}>{{$periodicite->period}}</option>
                    @endforeach
                </select>
            </div>
            <input type="hidden" name="formula_id" value="{{$formula->id}}"/>
            <button type="submit" class="btn btn-success" style="margin-top:10px">Modifier</button>
        </form>
   </div>
</div>
<script>
  function loadSubCategorie(that){
    var data = {_token:'{{csrf_token()}}',parent_id:$(that).val(),action:'get-categories'}
    axios({
        method: 'post',
        url: '{{route('ajax')}}',
        data:data
    })
    .then(function (response) {
        var html = '<option value=""></option>';
        response.data.forEach(item => {
            html += '<option value="'+item.id+'">'+item.filetype_name+'</option>';
        });
        $('#subCategories').html(html)

    });
  }
</script>
@endsection