@extends('layouts.admin.app')

@section('title','New category')

@section('content')
    <form method="post" action="{{ route('admin.job.category.store') }}">
        @csrf
        <div class="box_general padding_bottom">
            <div class="header_box version_2" style="position: relative;">
                <h2><i class="fa fa-file"></i>@yield('title')</h2>
                <a href="{{ route('admin.job.category') }}" class="wlc btn btn-sm btn-primary"><i class="fa fa-arrow-left"></i> {{ __('Back') }}</a>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div>
                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        @if(Session::has('message'))
                            <div class="alert alert-success">
                                {{ Session::get('message') }}
                            </div>
                        @endif
                        @if(Session::has('error'))
                            <div class="alert alert-danger">
                                {{ Session::get('error') }}
                            </div>
                        @endif
                    </div>
                    <table id="pricing-list-container" style="width:100%;">
                        <tr class="pricing-list-item">
                            <td>
                                <div class="row col-md-10">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Title<span class="text-danger">*</span></label>
                                            <input id="title" name="title" type="text" value="{{ old('title') }}" class="form-control" placeholder="title here">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Icon<span class="text-danger">*</span></label>
                                            <input id="icon" name="icon" type="text" value="{{ old('icon') }}" class="form-control" placeholder="Icon here e.g fa-solid fa-pencil">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Count<span class="text-danger">*</span></label>
                                            <input id="count" name="count" type="text" value="{{ old('count') }}" class="form-control" placeholder="Count here">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Position<span class="text-danger">*</span></label>
                                            <input id="position" name="position" type="text" value="{{ old('position') }}" class="form-control" placeholder="Position here">
                                        </div>
                                    </div>
                                    <div class="col-md-6 d-flex align-items-center">
                                        <div class="form-group ">
                                            <label for="is_featured">
                                                Is Featured? <input id="is_featured" type="checkbox" name="is_featured" value="1" {{ old('is_featured') == 1 ? 'checked': null }}>
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!-- /row-->
        </div>
        <!-- /box_general-->

        <p><button type="submit" class="btn_1 medium">Save</button></p>
    </form>
@endsection

@section('js')
    <!-- Script -->
    <script type='text/javascript'>
        //
    </script>
@endsection