@extends('front.layout.default_layout')
@section('content')
<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-area-chart"></i> Add Skils</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">Skill Setting</a></li>
        </ul>
    </div>
    @if (count($errors) > 0)
    <div class="alert alert-danger">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <div class="flash-message">
        @foreach (['danger', 'warning', 'success', 'info'] as $msg)
        @if(Session::has('alert-' . $msg))

        <p class="alert alert-{{ $msg }}">{{ Session::get('alert-' . $msg) }}
            <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </p>
        @endif
        @endforeach
    </div>
    <div class="row">
        <div class="col-md-5 bg-white py-3 border">
           
            <form action="{{url('skilSave')}}" id="" method="post" enctype="multipart/form-data">
                @csrf
               
                <div class="form-group">
                    <label class="control-label">Skill Title<span class="text-danger">*</span></label>
                    <input class="form-control" type="text" name="skil_name" autofocus required placeholder="Skill Name" >
                </div>
                <div class="form-group">
                    <label class="control-label">Skill Percent<span class="text-danger">*</span></label>
                    <input class="form-control" type="number" name="skil_value" autofocus required placeholder="Skill Name" >
                </div>
                <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>Save</button>
            </form>
           

        </div>
    </div>
</main>
@stop