@extends('app.layout') @section('sub_content')

<div class="page-header">
    <div class="page-title">
        <h4>{{__('Articles')}}</h4>
    </div>

    <div class="breadcrumb-line">
        <div class="d-flex">
            <div class="breadcrumb">
                <a href="{{route('home')}}" class="breadcrumb-item"><i class="material-icons mr-2">home</i> {{__('Home')}}</a>
                <a href="{{ route('articles.index') }}" class="breadcrumb-item">{{__('articles')}}</a>
                @if($article->id)
                    <span class="breadcrumb-item active">{{__('Edit article')}}</span>
                    <span class="breadcrumb-item active">{{ $article->reference }}</span>
                @else 
                    <span class="breadcrumb-item active">{{__('Add New article')}}</span>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="card bg-white">
        <div class="card-body">
            @if($article->id)
            <form method="POST" action="{{ route('articles.update', $article->id) }}">
                    @method('PATCH')
            @else 
                <form method="POST" action="{{ route('articles.store') }}">
            @endif
            @csrf
                
                <div class="form-group row">
                    <div class="col-md-2">{{ __('Référence') }}<span class="required" style="color:red;">*</span></div>
                    <div class="col-md-6">
                        <input id="reference" type="text" class="form-control{{ $errors->has('reference') ? ' is-invalid' : '' }}" name="reference" value="{{ $reference ?? $article->reference }}" readonly required />
                     
                        @if ($errors->has('reference'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('reference') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Libellé') }}<span class="required" style="color:red;">*</span></div>
                    <div class="col-md-6">
                        <input id="libelle" type="text" class="form-control{{ $errors->has('libelle') ? ' is-invalid' : '' }}" name="libelle" value="{{ old('libelle', $article->libelle) }}" required autofocus />

                        @if ($errors->has('libelle'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('libelle') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Type') }}<span class="required" style="color:red;">*</span></div>
                    <div class="col-md-6">
                        <select class="form-control{{ $errors->has('type') ? ' is-invalid' : '' }}" name="type" id="type">
                            <option selected="selected"></option>
                            @foreach(App\Helpers\ArticleData::TYPE_ARTICLES as $key => $type)
                                <option value="{{ $key }}" @if ($key == old('type', $article->type ?? null)) selected @endif >{{ $type }}</option>
                            @endforeach
                        </select>
            
                        @if ($errors->has('type'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('type') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Prix de vente') }}<span class="required" style="color:red;">*</span></div>
                    <div class="col-md-6">
                        <input id="prix_de_vente" type="number" class="form-control{{ $errors->has('prix_de_vente') ? ' is-invalid' : '' }}" name="prix_de_vente" value="{{ old('prix_de_vente', $article->prix_de_vente) }}" required  />

                        @if ($errors->has('prix_de_vente'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('prix_de_vente') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Code barre') }}</div>
                    <div class="col-md-6">
                        <input id="code_barre" type="text" class="form-control{{ $errors->has('code_barre') ? ' is-invalid' : '' }}" name="code_barre" value="{{ old('code_barre', $article->code_barre) }}"  />

                        @if ($errors->has('code_barre'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('code_barre') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Prix Achat') }}</div>
                    <div class="col-md-6">
                        <input id="prix_achat" type="number" class="form-control{{ $errors->has('prix_achat') ? ' is-invalid' : '' }}" name="prix_achat" value="{{ old('prix_achat', $article->prix_achat) }}"  />

                        @if ($errors->has('prix_achat'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('prix_achat') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
            
                <div class="form-group row">
                    <div class="col-md-2">{{ __('Marque') }}</div>
                    <div class="col-md-6">
                        <select class="test form-control{{ $errors->has('marque_id') ? ' is-invalid' : '' }}" name="marque_id" id="marque_id">
                            <option value=""></option>
                            @foreach($marques as $marque)
                                <option value="{{ $marque->id }}" @if ($marque->id == old('marque_id', $article->marque_id ?? null)) selected @endif >{{ $marque->libelle }}</option>
                            @endforeach
                        </select>
            
                        @if ($errors->has('marque_id'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('marque_id') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row mb-0">
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <button type="submit" class="btn btn-primary"><i class="fas fa-save mr-1"></i>
                            @if($article->id)
                                {{ __('Save') }}
                            @else 
                                {{ __('Save') }}
                            @endif
                        </button>
                        <a href="{{route('articles.index')}}" class="btn btn-danger">
                            {{ __('Cancel') }}
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@section('script')
    <script>
        $('.test').select2({ theme: 'bootstrap4'})
    </script>
@endsection