@extends('layouts.admin')

@section('content')

<div class="container mt-30">
	<h6><a href="{{ route('projects.index') }}">Proyectos</a> > Nuevo </h6>

	<div class="card">
		<div class="card-body">
			@if ($errors->any())
				<div class="alert alert-danger">
					<h6>Por favor corrige los errores debajo:</h6>
				</div>
			@endif

			<div class="d-flex justify-content-center mb-2">
				<h5 class="mb-0">Nuevo Proyecto</h5>
			</div>
			<hr>
							
			{!! Form::open(['route' => ['projects.store'], 'method' => 'POST']) !!}

				<div class="form-group row">
					<div class="col-12 col-md-7">
						{!! Form::label('name', 'Nombre:') !!}
						{!! Form::text('name', null, ['class' => 'form-control', 'required']) !!}                
						@if ($errors->has('name'))
							<span style="color: red;">{{ $errors->first('name') }}</span>
						@endif
					</div>
					<div class="col-12 col-md-5">
						{!! Form::label('client', 'Cliente:') !!}
						{!! Form::text('client', null, ['class' => 'form-control', 'required']) !!}                
						@if ($errors->has('client'))
							<span style="color: red;">{{ $errors->first('client') }}</span>
						@endif
					</div>
				</div>

				<div class="form-group row">
                    <div class="col-12 col-md-6">
                        {!! Form::label('materials', 'Materiales:') !!}
                        {!! Form::text('materials', null, ['class' => 'form-control', 'required']) !!}                
                        @if ($errors->has('materials'))
                            <span style="color: red;">{{ $errors->first('materials') }}</span>
                        @endif
                    </div>
                    <div class="col-12 col-md-6">
                        {!! Form::label('skills', 'Técnicas:') !!}
                        {!! Form::text('skills', null, ['class' => 'form-control', 'required']) !!}                
                        @if ($errors->has('skills'))
                            <span style="color: red;">{{ $errors->first('skills') }}</span>
                        @endif
                    </div>
                </div>

                <div class="form-group row">
                    <div class="col-12 col-md-6">
                        {!! Form::label('size', 'Dimensiones:') !!}
                        {!! Form::text('size', null, ['class' => 'form-control', 'required']) !!}                
                        @if ($errors->has('size'))
                            <span style="color: red;">{{ $errors->first('size') }}</span>
                        @endif
                    </div>
                    <div class="col-12 col-md-6">
                        {!! Form::label('thumbnail', 'Imagen Miniatura:') !!}
                        {!! Form::text('thumbnail', null, ['class' => 'form-control', 'required']) !!}                
                        @if ($errors->has('thumbnail'))
                            <span style="color: red;">{{ $errors->first('thumbnail') }}</span>
                        @endif
                    </div>
                    
                </div>

				<hr>
				<div class="d-flex justify-content-between align-items-end mb-2">
					<a class="btn btn-sm btn-outline-secondary" href="{{ route('projects.index') }}"><i class="fa fa-arrow-left fa-2x" aria-hidden="true"></i></a>
					<button type="submit" id="submitBtn" class="btn btn-sm btn-outline-secondary"><i class="fa fa-floppy-o fa-2x" aria-hidden="true"></i></button>
				</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endsection