@extends('install.layout')

@section('content')
    @if (session()->has('error'))
        <div class="alert alert-danger fade in alert-dismissable">
            {{ session('error') }}
        </div>
    @endif

    <h2>2. پیکربندی</h2>

    <form method="POST" action="{{ url('install/configuration') }}" class="form-horizontal">
        {{ csrf_field() }}

        <div class="box">
            <p>لطفا جزئیات اتصال به دیتابیس خود را وارد کنید.</p>

            <div class="configure-form">
                <div class="form-group {{ $errors->has('db.host') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="host">هاست <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="db[host]" value="{{ old('db.host', '127.0.0.1') }}" id="host" class="form-control" autofocus>

                        {!! $errors->first('db.host', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group {{ $errors->has('db.port') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="port">پورت <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="db[port]" value="{{ old('db.port', '3306') }}" id="port" class="form-control">

                        {!! $errors->first('db.port', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group {{ $errors->has('db.username') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="db-username">نام کاربری <span>*</span></label>
                    <div class="col-sm-9">
                        <input type="text" name="db[username]" value="{{ old('db.username') }}" id="db-username" class="form-control">

                        {!! $errors->first('db.username', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-sm-3" for="db-password">کلمه عبور</label>

                    <div class="col-sm-9">
                        <input type="password" name="db[password]" value="{{ old('db.password') }}" id="db-password" class="form-control">
                    </div>
                </div>

                <div class="form-group {{ $errors->has('db.database') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="database">نام دیتابیس <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="db[database]" value="{{ old('db.database') }}" id="database" class="form-control">

                        {!! $errors->first('db.database', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>
            </div>
        </div>

        <div class="box">
            <p>لطفاً یک نام کاربری و رمز عبور برای پنل مدیریت وارد کنید.</p>

            <div class="configure-form">
                <div class="form-group {{ $errors->has('admin.first_name') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="admin-first-name">نام <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="admin[first_name]" value="{{ old('admin.first_name') }}" id="admin-first-name" class="form-control">

                        {!! $errors->first('admin.first_name', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group {{ $errors->has('admin.last_name') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="admin-last-name">نام خانوادگی <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="admin[last_name]" value="{{ old('admin.last_name') }}" id="admin-last-name" class="form-control">

                        {!! $errors->first('admin.last_name', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group {{ $errors->has('admin.mobile') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="admin-mobile">موبایل <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="admin[mobile]" value="{{ old('admin.mobile') }}" id="admin-mobile" class="form-control">

                        {!! $errors->first('admin.mobile', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>


                <div class="form-group {{ $errors->has('admin.nationalcode') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="admin-mobile">کدملی <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="admin[nationalcode]" value="{{ old('admin.nationalcode') }}" id="admin-nationalcode" class="form-control">

                        {!! $errors->first('admin.nationalcode', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>


                <div class="form-group {{ $errors->has('admin.email') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="admin-email">ایمیل <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="admin[email]" value="{{ old('admin.email') }}" id="admin-email" class="form-control">

                        {!! $errors->first('admin.email', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group {{ $errors->has('admin.password') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="admin-password">کلمه عبور <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="password" name="admin[password]" id="admin-password" class="form-control">

                        {!! $errors->first('admin.password', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group">
                    <label class="control-label col-sm-3" for="admin-confirm-password">تکرار کلمه عبور <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="password" name="admin[password_confirmation]" id="admin-confirm-password" class="form-control">
                    </div>
                </div>
            </div>
        </div>

        <div class="box">
            <p>لطفا جزئیات شهرداری خود را وارد کنید</p>

            <div class="configure-form p-b-0">
                <div class="form-group {{ $errors->has('store.store_name') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="store-name">نام شهرداری <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="store[store_name]" value="{{ old('store.store_name') }}" id="store-name" class="form-control">

                        {!! $errors->first('store.store_name', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>

                <div class="form-group {{ $errors->has('store.store_email') ? 'has-error': '' }}">
                    <label class="control-label col-sm-3" for="store-email">ایمیل شهرداری <span>*</span></label>

                    <div class="col-sm-9">
                        <input type="text" name="store[store_email]" value="{{ old('store.store_email') }}" id="store-email" class="form-control">

                        {!! $errors->first('store.store_email', '<span class="help-block">:message</span>') !!}
                    </div>
                </div>
            </div>
        </div>

        <div class="content-buttons clearfix">
            <button type="submit" class="btn btn-primary pull-right install-button">نصب</button>
        </div>
    </form>
@endsection

@push('scripts')
    <script>
        $('.install-button').on('click', function (e) {
            var button = $(e.currentTarget);

            button.data('loading-text', button.html())
                .addClass('btn-loading')
                .button('loading');
        });
    </script>
@endpush