@extends('app.layout') @section('sub_content')

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

    <div class="breadcrumb-line">
        <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('races.index') }}" class="breadcrumb-item">{{__('races')}}</a>
                @if($race->id)
                    <span class="breadcrumb-item active">{{__('Edit race')}}</span>
                    <span class="breadcrumb-item active">{{ $race->libelle }}</span>
                @else 
                    <span class="breadcrumb-item active">{{__('Add New race')}}</span>
                @endif
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="card bg-white">
        <div class="card-body">
            @if($race->id)
            <form method="POST" action="{{ route('races.update', $race->id) }}">
                    @method('PATCH')
            @else 
                <form method="POST" action="{{ route('races.store') }}">
            @endif
            @csrf

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Libellé') }}<span class="required" style="color:red;">*</span></div>
                    <div class="col-md-6">
                        <input id="libelle" type="text" class="form-control{{ $errors->has('libelle') ? ' is-invalid' : '' }}" name="libelle" value="{{ old('libelle', $race->libelle) }}" required autofocus />

                        @if ($errors->has('libelle'))
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $errors->first('libelle') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-md-2">{{ __('Type') }}<span class="required" style="color:red;">*</span></div>
                    <div class="col-md-6">
                        <select class="form-control{{ $errors->has('type') ? ' is-invalid' : '' }}" name="type" id="type" required>
                            <option selected="selected"></option>
                            @foreach(App\Helpers\ArticleData::TYPE_RACES as $key => $type)
                                <option value="{{ $key }}" @if ($key == old('type', $race->type ?? null)) selected @endif >{{ $type }}</option>
                            @endforeach
                        </select>
            
                        @if ($errors->has('type'))
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $errors->first('type') }}</strong>
                            </span>
                        @endif
                    </div>
                </div>
            
            

                <div class="form-group row mb-0">
                    <div class="col-md-2"></div>
                    <div class="col-md-8">
                        <button type="submit" class="btn btn-primary"><i class="fas fa-save mr-1"></i>
                            @if($race->id)
                                {{ __('Save') }}
                            @else 
                                {{ __('Save') }}
                            @endif
                        </button>
                        <a href="{{route('races.index')}}" class="btn btn-danger">
                            {{ __('Cancel') }}
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection