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

<div class="page-header">
    <div class="page-title">
        <h4>{{__('Accessoire Service')}}</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('reservation_details.index') }}" class="breadcrumb-item">{{__('reservations')}}</a>
                @if($accessoirce_service->id)
                    <span class="breadcrumb-item active">{{__('Edit detail reseravtion')}}</span>
                    <span class="breadcrumb-item active">{{ $accessoirce_service->libelle }}</span>
                @else 
                    <span class="breadcrumb-item active">{{__('Add New Detail Reservation')}}</span>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="card bg-white">
        <div class="card-body">
            @if($accessoirce_service->id)
            <form method="POST" action="{{ route('accessoirce_services.update', $accessoirce_service->id) }}">
                @method('PATCH')
            @else 
                <form method="POST" action="{{ route('accessoirce_services.store') }}">
            @endif
            @csrf

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Reservation') }}</div>
                    <div class="col-md-6">
                        <select class="reservation_id form-control{{ $errors->has('reservation_id') ? ' is-invalid' : '' }}" name="reservation_id" id="reservation_id">
                            <option value=""></option>
                            @foreach($reservations as $reservation)
                                <option value="{{ $reservation->id }}" @if ($reservation->id == old('reservation_id', $accessoirce_service->reservation_id ?? null)) selected @endif >{{ $reservation->reliquat }}</option>
                            @endforeach
                        </select>
            
                        @if ($errors->has('reservation_id'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('reservation_id') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>

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

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

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

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

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

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

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

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

                        @if ($errors->has('total'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('total') }}</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($accessoirce_service->id)
                                {{ __('Save') }}
                            @else 
                                {{ __('Save') }}
                            @endif
                        </button>
                        <a href="{{route('reservation_details.index')}}" class="btn btn-danger">
                            {{ __('Cancel') }}
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

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