@extends('layouts.base')

@section('title', 'Gestion du template')

@section('actions')
    <div class="form-group">
        <button data-toggle="modal" data-target="#production-modal" class="btn btn-primary waves-effect waves-light">
            <span class="btn-label"><i class="fa fa-plus"></i></span>Créer template
        </button>
    </div>
    <div id="production-modal" class="modal fade" tabindex="-1" aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">Génerer template</h4>
                </div>
                <div class="modal-body">
                    <form id="production-form" method="get" action="{{route('template.create')}}">
                        <div class="form-body">
                            <div class="row">
                                <div class="col-12">
                                    <x-form.input :value="$week" required type="week" selected name="date" label="Semaine"/>
                                </div>
                                <div class="col-md-12" id="section">
                                    <div class="form-group">
                                        <label for="">Site</label>
                                        <select name="site" required="required" class="form-control">
                                            <option disabled value="">Selectionner un site</option>
                                            @foreach($sites as $site)
                                                <option {{ $loop->index == 0 ? 'selected' : '' }} value="{{ $site->id }}"  @if(in_array($site->id, request('site', []))) selected  @endif>{{ $site->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Fermer</button>
                    <button onclick="$('#production-form').submit()" type="button" class="btn btn-danger waves-effect waves-light">Créer</button>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('content')

@endsection