@extends('layouts.app')
@section('title') {{ config('app.name', 'Laravel') }} | {{ __('common.contactus') }} @endsection
@section('heading') {{ __('common.contactus') }} @endsection
@section('heading-icon')<i class="nav-icon material-icons">admin_panel_settings</i>@endsection
{{--@section('page-breadcrumbs'){{ Breadcrumbs::render($options['route_name']  ?? '') }}@endsection--}}
@section('content')
    <style>
        .label{
            display: inline-block;
            color: white;
            padding: 0.5rem;
            font-family: sans-serif;
            border-radius: 0.3rem;
            cursor: pointer;
            margin-top: 1rem;
            background: {{config('custom.btn-back')}};
            background: {{config('custom.btn-back')}};
            border: 0;
            -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
        }
        label{
            font-family: 'Nunito', sans-serif;
            font-weight: bold;
            font-size: 15px;
        }
    </style>

    <div class="card card-secondary">
        <div class="card-header" style="background-color: {{config('custom.background')}}">
            <h3 class="card-title p-2">
                @if(optional($form)->id)
                    {{ __('common.edit') }} - {{ optional($form)->name }}
                @else
                    {{ __('common.create') }}
                @endif
            </h3>
            <a
                href="{{ route('admin.contactus.index') }}"
                class="btn float-right" style="background-color: {{config('custom.btn-back')}}">
                <i class="material-icons">reply_all</i>&nbsp;
                {{ __('common.go_back') }}
            </a>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12">
                 <!-- User Information -->
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">
                                Contact Us
                            </h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="key">{{__('common.attr_key')}}</label>
                                        <input
                                            type="text"
                                            id="key"
                                            name="attr_key"
                                            class="form-control @error('attr_key') is-invalid @enderror"
                                            placeholder="{{ __('common.attr_key') }}"
                                            value="{{ old('name', $form->attr_key??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-group input-group-sm ">
                                        <label class="mb-0 font-weight-normal"
                                               for="value">{{__('common.attr_value')}}</label>
                                        <input
                                            type="text"
                                            id="value"
                                            name="attr_value"
                                            class="form-control @error('attr_value') is-invalid @enderror"
                                            placeholder="{{ __('common.attr_value') }}"
                                            value="{{ old('name', $form->attr_value??"") }}"
                                            maxlength="191"
                                            readonly
                                        >
                                     </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
         </div>
@endsection
@push('head.start')
@endpush
@push('body.end')
@endpush