@push('style')

    <style>
        .form-group {
            margin-bottom: 0 !important;
        }
        .line:nth-of-type(even) {
            background-color: #f3f3f3;
            border-radius: 2px;
            padding: 7px 0px;
        }
        .background {
            padding: 7px 0px;
        }
        .leftCol , .rightCol {
            margin-right: 2px;
            margin-left: 2px;
        }
        .leftCol .background:nth-of-type(odd) {
            background-color: #f3f3f3;
            border-radius: 2px;
        }
        .rightCol .background:nth-of-type(even) {
            background-color: #f3f3f3;
            border-radius: 2px;
        }
        #tree {
            margin-top: 7px;
        }
        #tree .list-group-item{
            background-color: #FFF;
            color: #212529;
        }
    </style>

    <link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
@endpush

@extends('app.layout')

@section('sub_content')

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

            <div class="heading">
                @if($ordre_fabrication->status == 5)
                    <a href="{{ route('ordre_fabrications.valide', $ordre_fabrication )}}" class="btn btn-success btn-round"><i class="material-icons md-18">check</i> <span class="d-md-inline d-none">{{__('Planifié')}}</span></a>
                @endif

                @if($ordre_fabrication->status == 20)
                    <a href="{{ route('ordre_fabrications.solde', $ordre_fabrication )}}" class="btn btn-warning btn-round"><i class="material-icons md-18">cancel</i> <span class="d-md-inline d-none">{{__('Soldé')}}</span></a>
                @endif

                @can('order_fabrication_edit')
                    @if ($ordre_fabrication->status != 50)
                        <a href="{{ route('ordre_fabrications.edit', $ordre_fabrication )}}" class="btn btn-primary btn-round"><i class="material-icons md-18">edit</i> <span class="d-md-inline d-none">{{__('Edit')}}</span></a>
                    @endif
                @endcan

                @if(!auth()->user()->isSuperAdmin() && $ordre_fabrication->status != 50)
                    @can('marque_delete')
                        <form action="{{ route('ordre_fabrications.destroy', $ordre_fabrication) }}" method="POST" class="d-inline">
                            @method("DELETE")
                            @csrf

                            <a class="btn btn-danger btn-round" href="#" data-toggle="modal" data-target="#delete-{{ $ordre_fabrication->id }}" title="{{__('Annuler Ordre Fabrication')}}">
                                <i class="material-icons md-18">delete</i>
                                <span class="d-md-inline d-none">{{__('Annuler')}}</span>
                            </a>
                            <x-modal-delete-of  :objDelete="$ordre_fabrication" :Motif="$ordre_fabrication" action="{{ route('ordre_fabrications.destroy', $ordre_fabrication) }}" />
                        </form>
                    @endcan
                @endif

                <a href="{{ route('ordre_fabrications.index') }}" class="btn btn-secondary btn-round"><i class="material-icons md-18">arrow_back</i> <span class="d-md-inline d-none">{{__('Back To List')}}</span></a>
            </div>
        </div>

        <div class="breadcrumb-line mx-3 mt-3">
            <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('ordre_fabrications.index') }}" class="breadcrumb-item">{{__('Order fabrication')}}</a>
                    
                    <span class="breadcrumb-item active">{{__('Show Order fabrication')}}</span>
                </div>
            </div>
        </div>
    </div>	
    <div class="content">
        @if (session('success'))
            <div class="alert alert-success" role="alert">
                {{ session('success') }}
            </div>
        @endif

        @if (session('error'))
            <div class="alert alert-danger" role="alert">
                {{ session('error') }}
            </div>
        @endif

        <div class="row mb-2">
            <div class="col-md-12">
                <div class="card bg-white">
                    <div class="card-body">
                        <div class="row">

                            <div class="col-md-6">
                                <div class="col leftCol">

                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Référence') }}</div>
                                        <div class="col-md-8">
                                        {{ $ordre_fabrication->reference }}
                                        </div>
                                    </div> 

                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Article') }}</div>
                                        <a class="col-md-8 text-dark reference" href="{{route('articles.show', optional($ordre_fabrication->article)->id)}}">
                                            {{ $ordre_fabrication->article->reference . ' - ' . $ordre_fabrication->article->designation ?? '' }}
                                        </a>
                                    </div> 
                                    
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Quantité') }}</div>
                                        <div class="col-md-4">
                                        {{ $ordre_fabrication->qte. ' ' .App\Helpers\ArticleList::UNITESTOCK[$ordre_fabrication->article->unite_stock] }}
                                        </div>
                                    </div> 
                                    
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">
                                            {{ __('Quantité Fabriquée') }}
                                        </div>
                                        <div class="col-md-8">
                                            {{ ($ordre_fabrication->qte_fab ?? '0.00') . ' ' . App\Helpers\ArticleList::UNITESTOCK[$ordre_fabrication->article->unite_stock] }}
                                        </div>
                                    </div> 
                                    
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Quantité Restante') }}</div>
                                        <div class="col-md-8">
                                        {{ number_format($ordre_fabrication->qte - $ordre_fabrication->qte_fab, 2). ' ' .App\Helpers\ArticleList::UNITESTOCK[$ordre_fabrication->article->unite_stock] }}
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Client') }}</div>
                                        <div class="col-md-8">
                                        {{ $ordre_fabrication->client->designation ?? '' }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="col leftCol">
                                    
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Status') }}</div>
                                        <div class="col-md-8">
                                            @isset($ordre_fabrication->status)
                                                <div class="text-white font-weight-normal">
                                                    <label class="rounded-pill px-2 mb-0" style="{{ 'background-color:' . (new App\Http\Livewire\OrderFabrication)->BackgroundColorStatus[$ordre_fabrication->status] }}">
                                                        {{ App\Helpers\ArticleList::STATUS_ORDRE_FABRICATION[$ordre_fabrication->status] }}
                                                    </label>
                                                </div>
                                            @endisset
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('N° Sage') }}</div>
                                        <div class="col-md-8">
                                        {{ $ordre_fabrication->num_of_sage }}
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Date prevue') }}</div>
                                        <div class="col-md-8">
                                            @if ($ordre_fabrication->date_prevue)
                                            {{ date('d-m-Y', strtotime($ordre_fabrication->date_prevue)) }}
                                            @endif
                                        </div>
                                    </div>

                                    @isset($ordre_fabrication->of_motif)
                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('Motif Annulation') }}</div>
                                        <div class="col-md-8">
                                            {{ $ordre_fabrication->of_motif->motif }}
                                        </div>
                                    </div>
                                    @endisset

                                    <div class="form-group row background">
                                        <div class="col-md-4 bold">{{ __('commentaire') }}</div>
                                        <div class="col-md-8">
                                            {{ $ordre_fabrication->commentaire }}
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <nav class="nav nav-tabs mt-3">
                                    <a class="nav-item nav-link active" href="#p1" data-toggle="tab">{{ __('Nomenclatures') }}</a>
                                    <a class="nav-item nav-link" href="#p2" data-toggle="tab">{{ __('Suivi Fabrications') }}</a>
                                </nav>

                                <div class="tab-content">
                                    <div class="tab-pane active" id="p1">
                                        <div class="table-responsive mt-1">
                                            <table class="table table-striped table-borderless border">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('Référence') }}</th>
                                                        <th>{{ __('Designation') }}</th>
                                                        <th>{{ __('Quantite') }}</th>
                                                        <th>{{ __('Type Article') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse($List as $value)
                                                        <tr>
                                                            <td><a class="text-dark reference" href="{{route('articles.show', $value->article->id)}}">{{ $value->article->reference }}</a></td>
                                                            <td>{{ $value->article->designation }}</td>
                                                            <td>{{ $value->qte. ' ' .App\Helpers\ArticleList::UNITESTOCK[$value->article->unite_stock] }}</td>
                                                            <td>{{ App\Helpers\ArticleList::TYPE[$value->article->type] }}</td>
                                                        </tr>
                                                    @empty 
                                                        <tr>
                                                            <td colspan="4" align="center">{{__('No results found.')}}</td>
                                                        </tr>
                                                    @endforelse 
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <div class="tab-pane" id="p2">
                                        <div class="table-responsive mt-1">
                                            <table class="table table-striped table-borderless border">
                                                <thead>
                                                    <tr>
                                                        <th>{{ __('Référence') }}</th>
                                                        <th>{{ __('Date') }}</th>
                                                        <th>{{ __('Heure') }}</th>
                                                        <th>{{ __('Quantité Fabriquée') }}</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @forelse($suivi_fabrications as $value)
                                                        <tr>
                                                            <td><a class="text-dark reference" href="{{route('suivi_fabrications.show', $value->id)}}">{{ $value->reference }}</a></td>
                                                            <td>{{ $value->date }}</td>
                                                            <td>{{ $value->heure }}</td>
                                                            <td>{{ $value->qte_fabrique }}</td>
                                                        </tr>
                                                    @empty 
                                                        <tr>
                                                            <td colspan="4" align="center">{{__('No results found.')}}</td>
                                                        </tr>
                                                    @endforelse 
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>        
    </div>
    @push('script')
        <script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>
    @endpush
@endsection