@extends('layouts.backend')
@section('extraCss')
    <style>
        
        .select2-container--default .select2-selection--single{
            font-size: 16px;
            padding: 9px 35px 39px 20px;
        }
    </style>
@endsection

@section('mainContentArea')
    <div class="card card-default" style="width: 50%;margin: 0 auto;">
        <div class="card-header">
            <h4 class="text-center"> Edit / Update Auto Sale Order  </h4>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-2 formArea"></div>
                <div class="col-md-8 formArea">
                      
                    <form method="GET" enctype="multipart/form-data" name="mainFrmSo" class="posSaleOrderFromMain row"
                            action="{{ route('update-autosaleorder') }}">
                        @csrf
                        <input type="hidden" name='id' value='{{ $autosaleorder->id }}'>
                        <div class="form-group col-md-12">                    
                        <select name="article" id="article" class="form-control select2" > 
                                                     
                            @foreach($listarticles as $article)
                           <option value="{{ $article->code }}" {{ $autosaleorder->article == $article->code ? 'selected' : '' }}>{{ $article->code  }}</option>    
                            @endforeach
                          </select> 
                        </div>
                          <div class="form-group col-md-12">
                       
                          <select name="color" id="color" class="form-control select2" > 
                            <option value="any" {{ $autosaleorder->color == 'any' ? 'selected' : '' }}>Any</option>                               
                            @foreach($listColor as $color)
                           <option value="{{ $color->name }}" {{ $autosaleorder->color == $color->name ? 'selected' : '' }}>{{ $color->name  }}</option>    
                            @endforeach
                          </select>
                        </div> 
                  
                          <div class="form-group col-md-12">
                 
                                <select name="size" id="size" class="form-control select2" > 
                                    
                                    <option value="any" {{ $autosaleorder->size == 'any' ? 'selected' : '' }}>Any</option>    
                                    <option value="S" {{ $autosaleorder->size == 'S' ? 'selected' : '' }}>S</option>    
                                    <option value="M" {{ $autosaleorder->size == 'M' ? 'selected' : '' }}>M</option>    
                                    <option value="L" {{ $autosaleorder->size == 'L' ? 'selected' : '' }}>L</option>    
                                    <option value="XS" {{ $autosaleorder->size == 'XS' ? 'selected' : '' }}>XS</option>    
                                    <option value="XL" {{ $autosaleorder->size == 'XL' ? 'selected' : '' }}>XL</option>    
                                    <option value="2XL" {{ $autosaleorder->size == '2XL' ? 'selected' : '' }}>2XL</option>    
                                    <option value="3XL" {{ $autosaleorder->size == '3XL' ? 'selected' : '' }}>3XL</option>    
                                    <option value="4XL" {{ $autosaleorder->size == '4XL' ? 'selected' : '' }}>4XL</option>    
                                    <option value="5XL" {{ $autosaleorder->size == '5XL' ? 'selected' : '' }}>5XL</option>    
                                    
                                </select>  
                            </div>  
                            
                            <div class="form-group col-md-12">                       
                                <select name="is_active" id="is_active" class="form-control select2" > 
                                  <option value="1" >Active</option>                               
                                  <option value="0" >Inactive</option>                               
                                 
                                </select>
                              </div> 

                        <div class="form-group col-md-12">
                            <button class="btn btn-block btn-primary btnSubmit">Save Order</button>
                        </div>
                    </form>                  

                </div>
                <div class="col-md-2 formArea"></div>
                
            </div>
            {{-- --}}
            {{-- --}}
        </div>
    </div>
@endsection

@section('extraJs')

@endsection