@extends('layouts.base')
@section('title', 'Template de production')

@section('content')
    <div class="widget-content searchable-container list">
        <div class="card card-body">
            <form class="row">
                <div class="col-md-5 col-12">
                    <input value="{{ $week }}" type="week" class="form-control" name="week" placeholder="week">
                </div>
                <div class="col-md-5 col-12">
                    <select name="site" class="form-control">
                        @foreach($sites as $site)
                            <option value="{{ $site->id }}" @if($site->id == request('site')) selected  @endif>{{ $site->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2 col-12 text-center">
                        <button class="btn btn-primary btn-block" type="submit">Fitrer</button>
                </div>
            </form>
        </div>
    </div>

    <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header bg-primary">
                        <h5 class="mb-0 text-white text-uppercase font-bold">Template de production semaine {{ $w }} </h5>
                    </div>
                    <div class="card-body">
                        <div class="row mt-3">
                            <!-- Column -->
                            <div class="col-md-6 col-lg-3 col-xlg-3">
                                <div class="card card-hover ">
                                    <div class="p-2 rounded bg-info text-center">
                                        <h1 class="font-light text-white">{{$templates->count()}}</h1>
                                        <h6 class="text-white">Produits</h6>
                                    </div>
                                </div>
                            </div>
                            <!-- Column -->
                            <div class="col-md-6 col-lg-3 col-xlg-3">
                                <div class="card card-hover">
                                    <div class="p-2 rounded bg-danger text-center">
                                        <h1 class="font-light text-white">{{$templates->sum('quantity')}}</h1>
                                        <h6 class="text-white">Total à produire</h6>
                                    </div>
                                </div>
                            </div>
                            <!-- Column-->
                            <div class="col-md-6 col-lg-3 col-xlg-3">
                                <div class="card card-hover">
                                    <div class="p-2 rounded bg-warning text-center">
                                        <h1 class="font-light text-white" id="prods"></h1>
                                        <h6 class="text-white">Produit cette semaine</h6>
                                    </div>
                                </div>
                            </div>
                            <!-- Column-->
                            <div class="col-md-6 col-lg-3 col-xlg-3">
                                <div class="card card-hover">
                                    <div class="p-2 rounded bg-dark text-center">
                                        <h1 class="font-light text-white" id="raps"></h1>
                                        <h6 class="text-white">Reste à produire</h6>
                                    </div>
                                </div>
                            </div>
                            <!-- Column -->
                        </div>
                        <div class="table-responsive">
                            <table id="zero_config" class="table table-striped table-bordered">
                                <thead>
                                <tr>
                                    <th>Code produit</th>
                                    <th>Designation</th>
                                    <th>En commande</th>
                                    <th>Production réalisée</th>
                                    <th style="text-align:center">RAP</th>
                                </tr>
                                </thead>
                                <tbody>
                                @php($prods = 0)
                                @php($raps = 0)
                                @forelse($templates as $template)
                                    @php($qty = $template->quantity)
                                    @php($prod = $template->product->productions->whereBetween('product_at',[$start,$end])->sum('achieve') )
                                    @php($prods += $prod)
                                    @php($raps += ($qty - $prod))
                                    <tr class="center">
                                        <td>{{$template->product->code}}</td>
                                        <td>{{$template->product->name}}</td>
                                        <td>{{$qty}}</td>
                                        <td>{{$prod}}</td>
                                        <td>{{$qty - $prod}}</td>
                                    </tr>
                                @empty
                                    <tr class="center">
                                        <td colspan="5" class="text-center">Aucune programmation pour le moment</td>
                                    </tr>
                                @endforelse
                                </tbody>
                                <tfoot>
                                <tr>
                                    <th>Code produit</th>
                                    <th>Designation</th>
                                    <th>En commande</th>
                                    <th>Production réalisée</th>
                                    <th style="text-align:center">RAP</th>
                                </tr>
                                </tfoot>
                            </table>
                            <input type="hidden" value="{{ $prods }}" id="iprods">
                            <input type="hidden" value="{{ $raps }}" id="iraps">
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
@section('javascripts')
    <script>
        $('#prods').text($('#iprods').val())
        $('#raps').text($('#iraps').val())
    </script>
@endsection