@extends('admin.layouts.app')

@section('title')
  {{ $module_name }}
@endsection

@section('content')
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      {{ $module_name }}
      <a class="btn btn-sm btn-warning pull-right" href="{{ route(Request::segment(2) . '.create') }}"><i
          class="fa fa-plus"></i> @lang('Add')</a>
    </h1>
  </section>

  <!-- Main content -->
  <section class="content">
    @if (session('errorMessage'))
      <div class="alert alert-warning alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{ session('errorMessage') }}
      </div>
    @endif
    @if (session('successMessage'))
      <div class="alert alert-success alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
        {{ session('successMessage') }}
      </div>
    @endif

    @if ($errors->any())
      <div class="alert alert-danger alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

        @foreach ($errors->all() as $error)
          <p>{{ $error }}</p>
        @endforeach

      </div>
    @endif

    <div class="box box-primary">
      <div class="box-header with-border">
        <h3 class="box-title">@lang('Create form')</h3>
      </div>
      <!-- /.box-header -->
      <!-- form start -->
      <form role="form" action="{{ route(Request::segment(2) . '.store') }}" method="POST">
        @csrf
        <div class="box-body">
          <div class="col-md-6">

            <div class="form-group">
              <label>
                @lang('name') <small class="text-red">*</small>:
                <small>
                  <i>
                    Nên viết theo chức năng của Components
                  </i>
                </small>
              </label>
              <input type="text" class="form-control" name="name" placeholder="@lang('name')"
                value="{{ old('name') }}" required>
            </div>

            <div class="form-group">
              <label>
                @lang('component_code') <small class="text-red">*</small>:
                <small>
                  <i>
                    Viết theo tên file view Components
                  </i>
                </small>
              </label>
              <input type="text" class="form-control" name="component_code" placeholder="@lang('component_code')"
                value="{{ old('component_code') }}" required>
            </div>

            <div class="form-group">
              <label>@lang('status')</label>
              <div class="form-control">
                <label>
                  <input type="radio" name="status" value="active" checked="">
                  <small>@lang('active')</small>
                </label>
                <label>
                  <input type="radio" name="status" value="deactive" class="ml-15">
                  <small>@lang('deactive')</small>
                </label>
              </div>
            </div>

            <div class="form-group">
              <label>@lang('is_config')</label>
              <div class="form-control">
                <label>
                  <input type="radio" name="is_config" value="1" checked="">
                  <small>@lang('true')</small>
                </label>
                <label>
                  <input type="radio" name="is_config" value="0" class="ml-15">
                  <small>@lang('false')</small>
                </label>
              </div>
            </div>

            <div class="form-group">
              <label>@lang('iorder')</label>
              <input type="number" class="form-control" name="iorder" placeholder="@lang('iorder')"
                value="{{ old('iorder') }}">
            </div>

          </div>

          <div class="col-md-6">

            <div class="form-group">
              <label>@lang('json_params'): <small><i>Dạng dữ liệu có cấu trúc JSON</i></small></label>
              <textarea name="json_params" id="json_params" class="form-control" rows="10">{{ old('json_params') }}</textarea>
            </div>

            <div class="form-group">
              <label>@lang('description')</label>
              <textarea name="description" id="description" class="form-control" rows="3">{{ old('description') }}</textarea>
            </div>

          </div>

        </div>
        <!-- /.box-body -->

        <div class="box-footer">
          <a class="btn btn-success btn-sm" href="{{ route(Request::segment(2) . '.index') }}">
            <i class="fa fa-bars"></i> @lang('List')
          </a>
          <button type="submit" class="btn btn-primary pull-right btn-sm"><i class="fa fa-floppy-o"></i>
            @lang('Save')</button>
        </div>
      </form>
    </div>
  </section>
@endsection
