@extends('layouts.app', ['activePage' => 'project-management', 'menuParent' => 'laravel', 'titlePage' => __('Project Management')])

@section('content')
  <div class="content">
    <div class="container-fluid">
      <div class="row">
        <a href="{{ route('all_projects') }}" class="btn btn-sm btn-default">{{ __('Back to list') }}</a>
      </div>

      <div class="row">
        <div class="col-md-12">
          <form method="post" enctype="multipart/form-data" action="{{ route('project.store') }}" autocomplete="off" class="form-horizontal">
            @csrf
            @method('post')

            <div class="card ">
              <div class="card-header card-header-primary card-header-icon">
                <div class="card-icon">
                  <i class="material-icons">domain</i>
                </div>
                <h4 class="card-title">{{ __('Add Project') }}</h4>
              </div>
              <div class="card-body ">

                <div class="row">
                  <label class="col-sm-2 col-form-label"></label>
                  <div class="col-sm-7">
                    <div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
                      <label>{{ __('Name') }}</label>
                      <input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" name="name" id="input-name" type="text" value="{{ old('name') }}" required="true" aria-required="true"/>
                      @include('alerts.feedback', ['field' => 'name'])
                    </div>
                  </div>
                </div>
                <br>
                <div class="row">
                    <label class="col-sm-2 col-form-label">{{ __('') }}</label>
                    <div class="col-sm-7">
                      <div class="form-group{{ $errors->has('description') ? ' has-danger' : '' }}">
                        <label>{{ __('Description') }}</label>
                        <input class="form-control{{ $errors->has('description') ? ' is-invalid' : '' }}" name="description" id="input-description" type="text" value="{{ old('description') }}" required="true" aria-required="true"/>
                        @include('alerts.feedback', ['field' => 'description'])
                      </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <label class="col-sm-2 col-form-label">{{ __('') }}</label>
                    <div class="col-sm-7">
                        <div class="form-group{{ $errors->has('number') ? ' has-danger' : '' }}">
                        <label>{{ __('Number') }}</label>
                        <input class="form-control{{ $errors->has('number') ? ' is-invalid' : '' }}" name="number" id="input-number" type="number" value="{{ old('number') }}" required="true" aria-required="true"/>
                        @include('alerts.feedback', ['field' => 'number'])
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <label class="col-sm-2 col-form-label">{{ __('') }}</label>
                    <div class="col-sm-7">
                      <label>{{ __('Select Client') }}</label>
                      <select required class="selectpicker col-sm-12 pl-0 pr-0" data-style="select-with-transition" title="Select Client" name="selected-client" id="selected-client" aria-required="true" data-size="100">
                        @foreach ($clients as $client)
                            <option value="{{ $client->id }}">{{ $client->name }}</option>
                        @endforeach
                      </select>
                      @include('alerts.feedback', ['field' => 'client_id'])
                    </div>
                </div>
                <br>
                <div class="row">
                    <label class="col-sm-2 col-form-label"></label>
                    <div class="col-sm-7">
                        <div class="togglebutton">
                        <label>
                            <input type="checkbox"  name="is_active" checked="">
                            <span class="toggle"></span>
                            Active
                        </label>
                        </div>
                    </div>
                </div>

                <button type="submit" class="btn btn-primary pull-right">{{ __('Add Project') }}</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
@endsection