@extends('backend.template.layout')
@section('title',__('Nouvelle équipe'))
@section('content_container', 'kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid')
@section('content')
    <div class="row">
        <div class="col-lg-12">
            <!--begin::Portlet-->
            <div class="kt-portlet kt-portlet--last kt-portlet--head-lg kt-portlet--responsive-mobile" id=kt_page_portlet>
                <div class="kt-portlet__head kt-portlet__head--lg">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">@lang('Nouvelle équipe')</h3>
                    </div>
                    <div class="kt-portlet__head-toolbar">
                        <a href="{{route('teams.index')}}" class="btn btn-clean kt-margin-r-10">
                            <i class="la la-arrow-left"></i>
                            <span class="kt-hidden-mobile">@lang('Arrière')</span>
                        </a>
                        <div class="btn-group">
                            <button type=button class="btn btn-brand" id=save-btn>
                                <i class="la la-check"></i>
                                <span class="kt-hidden-mobile">@lang('Sauvegarder')</span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="kt-portlet__body">
                    <form class="kt-form" id=teams_add_form action="{{ route('teams.store') }}" enctype=multipart/form-data data-url-success="{{ route('teams.index') }}">
                        <div class=row>
                            <label class="col-xl-3 col-lg-3">@lang('Logo')</label>
                            <div class="col-lg-9 col-xl-9">
                                <div class="kt-avatar kt-avatar--outline" id=kt_user_avatar_1>
                                    <div class="kt-avatar__holder" style="background-image: url('https://via.placeholder.com/120x120?text=Goal.tn'); background-position: center;"></div>
                                    <label class=kt-avatar__upload for=logo data-toggle=kt-tooltip title data-original-title="Sélectionner une image">
                                        <i class="fa fa-pencil-square-o"></i>
                                        <input type=file name=logo id=logo accept=image/* required>
                                    </label>
                                    <span class="kt-avatar__cancel" data-toggle="kt-tooltip" title data-original-title="Annuler l'image"><i class="fa fa-times"></i></span>
                                </div>
                                {{--                                <span class="form-text text-muted">Allowed file types: png, jpg, jpeg.</span>--}}
                            </div>
                        </div>
                        <div class=row>
                            <div class="col-xl-12">
                                <div class="kt-section kt-section--first">
                                    <div class="kt-section__body">
                                        <div class="form-group row">
                                            <label class="col-12 col-form-label" for=name>@lang('Nom')</label>
                                            <div class="col-12">
                                                <input class=form-control type=text name=name id=name dir=rtl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group form-group-last row">
                            <label class="col-3 col-form-label">@lang('Statut')</label>
                            <div class=col-3>
                                <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                                    <label>
                                        <input type="checkbox" checked=checked name=status id=status>
                                        <span></span>
                                    </label>
                                </span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!--end::Portlet-->
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ url(mix('assets/backend/js/team-add.js')) }}"></script>
@endsection