@extends ('backend.layouts.app')

@section ('title', __('project::labels.backend.project.management') . ' | ' . __('project::labels.backend.project.create'))

@section('breadcrumb-links')
    @include('project::includes.breadcrumb-links')
@endsection

@push('after-styles')

@endpush

@section('content')
{{ html()->form('POST', route('admin.project.store'))->class('form-horizontal')->attribute('enctype', 'multipart/form-data')->open() }}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-5">
                    <h4 class="card-title mb-0">
                        {{ __('project::labels.backend.project.management') }}
                        <small class="text-muted">{{ __('project::labels.backend.project.create') }}</small>
                    </h4>
                </div><!--col-->
            </div><!--row-->

            <hr />

            <div class="row mt-4 mb-4">
                <div class="col">

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.client_id').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('client_id') }}

                        <div class="col-md-10">
                            <select name="client_id" id="client_id" class="form-control" required="required">
                                @foreach ($clients as $client)
                                    <option value="{{ $client }}" {{ $client->id == old('client_id') ? ' selected' : '' }}>{{ $client->merchant_name.' ('.$client->trading_name.')' }}</option>
                                @endforeach
                            </select>
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.app_id').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('app_id') }}

                        <div class="col-md-6">
                                
                                {{ html()->text('app_id')
                                ->class('form-control')
                                ->value(app_id_generate())
                                ->placeholder(__('project::labels.backend.project.table.app_id'))
                                ->attribute('aria-label', __('project::labels.backend.project.table.app_id'))
                                ->attribute('maxlength', 191)
                                ->attribute('readOnly', true)
                                ->attribute('id', 'copy_app_id')
                                ->required() }}

                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.app_screct').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('app_screct') }}

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

                            {{ html()->text('app_screct')
                                ->class('form-control')
                                ->value(app_screct_generate())
                                ->placeholder(__('project::labels.backend.project.table.app_screct'))
                                ->attribute('aria-label', __('project::labels.backend.project.table.app_screct'))
                                ->attribute('maxlength', 191)
                                ->attribute('readOnly', true)
                                ->attribute('id', 'copy_app_screct')
                                ->required() }}

                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.app_ref').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('app_ref') }}

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

                            {{ html()->text('app_ref')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.app_ref'))
                                ->attribute('maxlength', 191)
                                ->required() }}

                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.platform_type').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('platform_type') }}

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

                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="platform_type" value="web">
                              <label class="form-check-label" for="platform_type_1">Website</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="platform_type" value="mobile">
                              <label class="form-check-label" for="platform_type_2">Mobile Device</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="platform_type" value="all">
                              <label class="form-check-label" for="platform_type_3">All</label>
                            </div>

                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.logo').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('logo') }}

                        <div class="col-md-3">
                            {{ html()->file('logo')
                                ->class('form-control')
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.site_url').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('site_url') }}

                        <div class="col-md-10">
                            {{ html()->text('site_url')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.site_url'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.frontend_callback').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('frontend_callback') }}

                        <div class="col-md-10">
                            {{ html()->text('frontend_callback')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.frontend_callback'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.backend_callback').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('backend_callback') }}

                        <div class="col-md-10">
                            {{ html()->text('backend_callback')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.backend_callback'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.notify_callback'))->class('col-md-2 form-control-label')->for('notify_callback') }}

                        <div class="col-md-10">
                            {{ html()->text('notify_callback')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.notify_callback'))
                                ->attribute('maxlength', 191)
                             }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.name').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('name') }}

                        <div class="col-md-10">
                            {{ html()->text('name')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.name'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->


                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.description').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('description') }}

                        <div class="col-md-10">
                            {{ html()->textarea('description')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.description'))
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.charge_type').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('charge_type') }}

                        <div class="col-md-10">
                            <label class="switch switch-3d switch-primary">
                                {{ html()->checkbox('charge_type', true, 'amount')->class('switch-input') }}
                                <span class="switch-label"></span>
                                <span class="switch-handle"></span>
                            </label>
                                {{ html()->label('Turn on for "amount" and turn off for "percentage"') }}
                        </div><!--col-->
                    </div><!--form-group-->

                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.charge_amount').' <span class="text-danger">*</span>')->class('col-md-2 form-control-label')->for('charge_amount') }}

                        <div class="col-md-5">
                            {{ html()->text('charge_amount')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.charge_amount'))
                                ->attribute('maxlength', 191)
                                ->required() }}
                        </div><!--col-->
                    </div><!--form-group-->


                    <div class="form-group row">
                    {{ html()->label(__('project::labels.backend.project.table.currency'))->class('col-md-2 form-control-label')->for('currency') }}

                        <div class="col-md-5">
                            {{ html()->text('currency')
                                ->class('form-control')
                                ->placeholder(__('project::labels.backend.project.table.currency'))
                                ->attribute('maxlength', 191)
                             }}
                        </div><!--col-->
                    </div><!--form-group-->

                </div><!--col-->
            </div><!--row-->
        </div><!--card-body-->

        <div class="card-footer">
            <div class="row">
                <div class="col">
                    {{ form_cancel(route('admin.project.index'), __('buttons.general.cancel')) }}
                </div><!--col-->

                <div class="col text-right">
                    {{ form_submit(__('buttons.general.crud.create')) }}
                </div><!--row-->
            </div><!--row-->
        </div><!--card-footer-->
    </div><!--card-->
{{ html()->closeModelForm() }}
@endsection

@push('after-scripts')
<script>


</script>
@endpush