@extends('admin.layouts.layouts')

@section('title', 'Create - SOA Sub Categories')

@section('content')
    <div class="page-header">
        <h3 class="page-title">SOA Sub Categories</h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item" aria-current="page">Master</li>
                <li class="breadcrumb-item"><a href="{{ route('soa-subcategories.index') }}">SOA Sub
                        Categories</a></li>
                <li class="breadcrumb-item active" aria-current="page">Create</li>
            </ol>
        </nav>
    </div>

    <div class="card">
        <form action="{{ route('soa-subcategories.store') }}" method="POST" enctype="multipart/form-data"
            id="create-form">
            @csrf

            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="source-of-application" class="form-label">Source Of Application</label>
                            <select name="source_of_application" id="source-of-application" class="form-control"
                                data-parsley-required="true" data-parsley-trigger="keyup"
                                data-parsley-required-message="Please select source of application">
                                <option value="">Select Source Of Application</option>
                                @foreach ($sourceOfApplications as $sourceOfApplication)
                                    <option value="{{ $sourceOfApplication->id }}" @selected(old('source_of_application'))>
                                        {{ $sourceOfApplication->title }}
                                    </option>
                                @endforeach
                            </select>
                            @error('source_of_application')
                                <div class="text-danger error" id="source-of-application-error">{{ $message }}</div>
                            @endcan
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" class="form-label">Title</label>
                            <input type="text" name="title" id="title" class="form-control"
                                data-parsley-required="true" data-parsley-trigger="keyup"
                                data-parsley-required-message="Please enter title" value="{{ old('title') }}"
                                placeholder="Enter Sub Category Title" />
                            @error('title')
                                <div class="text-danger error" id="title-error">{{ $message }}</div>
                            @endcan
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <button type="submit" class="btn btn-primary">Save</button>
                <a href="{{ route('soa-subcategories.index') }}" class="btn btn-light">Back</a>
            </div>
        </form>
    </div>
@endsection

@section('page-js')
    <script type="text/javascript">
        $('#create-form').parsley();
    </script>
@endsection