@extends('backend.layouts.app')
@section('breadcrumb')
    <li class="breadcrumb-item">{!! link_to_route('admin.dashboard', __('Home')) !!}</li>
    <li class="breadcrumb-item">{!! link_to_route('admin.homesections.index', __('Home Sections')) !!}</li>
@endsection

@section('content')
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow mb-4">
                <div class="card-header">
                    <div class="d-flex justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary"><i class="fas fa-plus"></i>
                            {{ __('Add Section') }}</h6>
                    </div>
                </div>
                <div class="card-body">
                    {!! Form::open(['route' => 'admin.homesections.create', 'id' => 'typeForm', 'method' => 'GET']) !!}
                    <div class="form-group row">
                        <x-forms.label name="Type" class="col-md-3 col-form-label" />
                        <div class="col-md-9">
                            <x-forms.select name="type" :list="App\Models\HomeSection::getTypeToArray()" :value="App\Models\HomeSection::TYPE_MUSIC" :attrs="['onchange' => 'this.form.submit()']"
                                :value="request('type', App\Models\HomeSection::TYPE_MUSIC)" />
                        </div>
                    </div>
                    {!! Form::close() !!}

                    {!! Form::open(['route' => ['admin.homesections.store'], 'method' => 'POST']) !!}
                    @include('backend.forms.homesection', [
                        'type' => request('type')
                    ])
                    {!! Form::close() !!}
                    <div class="btn btn-group d-block">
                        <a href="{{ route('admin.homesections.index') }}" class="btn btn-dark"><span
                                class="fas fa-arrow-left"></span>
                            Back</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection