@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="mt-5">
            <a href="{{ route('showListCourses') }}" class="text-dark"><i class="fa fa-arrow-circle-left "></i> Cursos</a>
            <hr>
        </div>
        <form method="POST" action="{{ isset($course) ? url("/classroom/update-course/{$course->id}") : url("/classroom/create-course") }}">
            @csrf
            @if(isset($course))
                <input type="hidden" value="{{ $course->id }}">
            @endif
            <div class="card">
                <div class="card-header">Crear curso</div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="sku" class="col-sm-2 col-form-label">SKU</label>
                        <div class="col-sm-5">
                            <input name="sku" type="text"
                                   placeholder="CODE-OR-ABBREVIATION"
                                   class="form-control @error('sku') is-invalid @enderror" id="sku"
                                   value="{{ empty(old('sku'))?($course->sku??''):old('sku') }}" required>

                            @error('sku')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="name" class="col-sm-2 col-form-label">Nombre</label>
                        <div class="col-sm-5">
                            <input name="name" type="text" placeholder="..."
                                   class="form-control @error('name') is-invalid @enderror" id="name"
                                   value="{{ empty(old('name'))?($course->name??''):old('name') }}" required>

                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="career_id" class="col-sm-2 col-form-label">Grupo (Carrera)</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="career_id">
                                @foreach ($careers as $career)
                                    <option value="{{ $career->id }}">{{ $career->name }}</option>
                                @endforeach
                            </select>

                            @error('career_id')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="header_color" class="col-sm-2 col-form-label">Color Top</label>
                        <div class="col-sm-5">
                            <div class="row">
                                <input name="header_color" type="color" placeholder="..."
                                    class="col-5 form-control @error('header_color') is-invalid @enderror" id="header_color"
                                    value="{{ empty(old('header_color'))?($course->header_color??''):old('header_color') }}" required>
                                <input class="col-2" name="check_header" type="checkbox" @if(isset($course) && !is_null($course->header_color)) checked @endif />
                            </div>

                            @error('header_color')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="body_color" class="col-sm-2 col-form-label">Color Body</label>
                        <div class="col-sm-5">
                            <div class="row">
                                <input name="body_color" type="color" placeholder="..."
                                    class="col-5 form-control @error('body_color') is-invalid @enderror" id="body_color"
                                    value="{{ empty(old('body_color'))?($course->body_color??''):old('body_color') }}" required>
                                <input class="col-2" name="check_body" type="checkbox" @if(isset($course) && !is_null($course->body_color)) checked @endif />
                            </div>

                            @error('body_color')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="detail" class="col-sm-2 col-form-label">Detalle</label>
                        <div class="col-sm-5">
                            <textarea placeholder="..." name="detail" class="form-control" id="detail" rows="2"
                                      maxlength="255">{{ empty(old('detail'))?($course->detail??''):old('detail') }}</textarea>
                            @if($errors->has('detail'))
                                <div class="text-danger">{{ $errors->first('detail') }}</div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mt-5">
                <div class="card-header">Precios</div>
                <div class="card-body">
                    <div class="form-group row">
                        <label for="price" class="col-sm-2 col-form-label">{{ __('price') }}</label>
                        <div class="col-sm-5">
                            <input name="price" placeholder="0.00" step=".01" type="number"
                                   class="text-right form-control @error('price') is-invalid @enderror" id="price"
                                   value="{{ empty(old('price'))?($course->price??''):old('price') }}" required>

                            @error('price')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="discount_price" class="col-sm-2 col-form-label">{{ __('discount price') }}</label>
                        <div class="col-sm-5">
                            <input name="discount_price" placeholder="0.00" step=".01" type="number"
                                   class="text-right form-control @error('discount_price') is-invalid @enderror"
                                   id="discount_price" value="{{ empty(old('discount_price'))?($course->discount_price??''):old('discount_price') }}">

                            @error('discount_price')
                            <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-3">
                @if (session('success'))
                    <div class="alert alert-success">
                        <center>{{ session('success') }}</center>
                    </div>
                @endif

                <div class="form-group row">
                    <div class="col-sm-10">
                        <button type="submit" class="btn btn-primary">{{ ucfirst(__('general.save')) }}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
@endsection

@push('scripts')
    <script>
    </script>
@endpush