@include('site.controllers.header')

<div class="container">
    <div class="profilepage">
        <div class="tab-content">
            <!-- tabs content -->
            <!-- personal-info -->
            <div id="personal-info" class="tab-pane fade in active">
                <section class="global-head">
                    <article>
                        <h4><strong>تسجيل جديد</strong></h4>
                        <p>تسجيل حساب شركة جديد</p>
                    </article>
                </section>
                <!-- form -->
                <section class="bordered">
                    <div class="row">
                        <div class="col-lg-5 col-md-6">
                            <div class="row">
                                <form action="{{route('company_register_store')}}" method="post"
                                      enctype="multipart/form-data" class="global-form">
                                    {{csrf_field()}}
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group mb-0">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">اسم الشركه</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">الذى تفضل ظهوره للمستخدم</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <input type="text" name="company_name" required value="{{old('company_name')}}"
                                                       class="form-control" placeholder="اسم الشركه">
                                            </div>
                                            @if ($errors->has('company_name'))
                                                <small class="text-danger">{{ $errors->first('company_name') }}</small>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">تاريخ التأسيس</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">تاريخ التأسيس</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <input type="date" name="establishment_data"
                                               required        value="{{old('establishment_data')}}" class="form-control"
                                                       placeholder="تاريخ التأسيس">
                                                @if ($errors->has('establishment_data'))
                                                    <small
                                                        class="text-danger">{{ $errors->first('establishment_data') }}</small>
                                                @endif
                                            </div>

                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">مجال الشركه</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">يجب تحديد مجال الشركه</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select required name="category_id" id="category_id"
                                                            class="form-control select-style option">
                                                        <option selected disabled class="option form-control">
                                                            اختر مجال الشركه
                                                        </option>
                                                        @foreach($categories as $category)
                                                            <option value="{{$category->id}}"  {{ old('category_id') == $category->id ? 'selected' : '' }}
                                                                    class="option form-control">{{$category->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    @if ($errors->has('category_id'))
                                                        <small
                                                            class="text-danger">{{ $errors->first('category_id') }}</small>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20" id="category_style" style="display: none">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">

                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select name="sub_category_id" id="category_in" class="form-control select-style option">
                                                    </select>
                                                    @if ($errors->has('sub_category_id'))
                                                        <small
                                                            class="text-danger">{{ $errors->first('sub_category_id') }}</small>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">صورة الشعار</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">يجب تحديد صورة الشعار</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <input type="file" name="image" class="opacity-0">
                                            </div>
                                            {{--                                            <div class="col-sm-8 col-sm-offset-4 pt-9">--}}
                                            {{--                                                <img src="images/003.png" class="img-upload" height="50px" width="50px"--}}
                                            {{--                                                     alt="">--}}
                                            {{--                                            </div>--}}
                                            @if ($errors->has('image'))
                                                <small
                                                    class="text-danger">{{ $errors->first('image') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">وصف الشركه</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">يجب تحديد وصف الشركه</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <textarea name="details" id="" cols="10"
                                                       required    rows="5">{{old('details')}}</textarea>
                                            </div>
                                            @if ($errors->has('details'))
                                                <small
                                                    class="text-danger">{{ $errors->first('details') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">الموقع الالكترونى</span>
                                                <br/>
                                                <span class="validation-color">الموقع الالكترونى</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <input type="url" name="website_link" value="{{old('website_link')}}"
                                                 required      class="form-control"
                                                       placeholder="الموقع الالكترونى">
                                            </div>
                                            @if ($errors->has('website_link'))
                                                <small
                                                    class="text-danger">{{ $errors->first('website_link') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">اسم الدخول</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">اسم الدخول</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <input type="text" name="username" value="{{old('username')}}"
                                              required         class="form-control"
                                                       placeholder="اسم الدخول">
                                            </div>
                                            @if ($errors->has('username'))
                                                <small
                                                    class="text-danger">{{ $errors->first('username') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">الاسم بالكامل</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">الاسم بالكامل</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <input type="text" name="fullname" value="{{old('fullname')}}"
                                               required        class="form-control" placeholder="الاسم بالكامل">
                                            </div>
                                            @if ($errors->has('fullname'))
                                                <small
                                                    class="text-danger">{{ $errors->first('fullname') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">البريد الإلكترونى</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">البريد الإلكترونى</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <input type="email" name="email" value="{{old('email')}}"
                                                    required   class="form-control"
                                                       placeholder="البريد الإلكترونى">
                                            </div>
                                            @if ($errors->has('email'))
                                                <small
                                                    class="text-danger">{{ $errors->first('email') }}
                                                </small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">الدولة</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">اختر الدولة</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select name="country_id" id="country_id"
                                                    required        class="form-control select-style option">
                                                        <option selected disabled class="option form-control">
                                                            اختر الدولة
                                                        </option>
                                                        @foreach($countries as $country)
                                                            <option value="{{$country->id}}"  {{ old('country_id') == $country->id ? 'selected' : '' }}
                                                                    class="option form-control">
                                                                {{$country->name}}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            @if ($errors->has('country_id'))
                                                <small class="text-danger">{{ $errors->first('country_id') }}
                                                </small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20" id="city_style" style="display: none">
                                        <div class="form-group">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">المدينه</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">اختر المدينه</span>
                                            </label>
                                            <div class="col-sm-8">
                                                <div class="select">
                                                    <select id="city_in" class="form-control select-style option">

                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-horizontal mb-20">
                                        <div class="form-group mb-0">

                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">رقم الجوال</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">يجب تحديد وصف الشركه</span>
                                            </label>

                                            <div class="col-sm-8">
                                                <input type="text" name="mobile" required value="{{old('mobile')}}"
                                                       class="form-control" placeholder="رقم الجوال">
                                            </div>
                                            @if ($errors->has('mobile'))
                                                <small
                                                    class="text-danger">{{ $errors->first('mobile') }}</small>
                                            @endif
                                        </div>
                                    </div>
                                    <div class="form-horizontal">
                                        <div class="form-group mb-0">
                                            <label class="control-label col-sm-4">
                                                <span class="color-gray">كلمة المرور</span>
                                                <span class="is-required">*</span>
                                                <br/>
                                                <span class="validation-color">كلمة المرور</span>
                                            </label>
                                            <div class="col-sm-8 mb-20">
                                                <div class="row">
                                                    <div class="col-xs-6 px-0">
                                                        <input type="password" required name="password" class="form-control"
                                                               placeholder="كلمة المرور">
                                                        @if ($errors->has('password'))
                                                            <small
                                                                class="text-danger">{{ $errors->first('password') }}</small>
                                                        @endif
                                                    </div>
                                                    <div class="col-xs-6 px-0">
                                                        <input type="password" required name="password_confirmation"
                                                               class="form-control"
                                                               placeholder="تأكيد كلمة المرور">
                                                        @if ($errors->has('password_confirmation'))
                                                            <small
                                                                class="text-danger">{{ $errors->first('password_confirmation') }}</small>
                                                        @endif
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-4 col-xs-offset-8 px-0">
                                        <button type="submit" style="width:100%" class="btn btn-primary mt-20 mb-30">
                                            تسجيل
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>


@include('site.controllers.footer')