@extends('layout.master')

@section('title', trans('content.KEY_SITETITLE'))

@section('content')
<div class="main-content">
    <div class="container">
        <form id="companyChecking" action="{{url('addCompany')}}" enctype="multipart/form-data" method="POST">
            <h1 class="main-title">{{trans('admin.COMPANY_DETAILS')}}</h1>
            <div class="add-company-holder">
                <input type="hidden" name="_token" id="_token" value="{{csrf_token()}}" />
                <input type="hidden" name="edit" id="_token" value="true" />
                <!--<a href="{{url('admin/addCategory')}}" class="btn btn-info">Add new company</a>-->
                <div class="row">
                    <div class="col-md-6">
                        <label for="logo" class="form-box form-box-img">
                            <!--<div id="validation-errors"></div>-->
                            <img src="{{url('img/add-photo.png')}}" id='companyLogo'>
                            <span class="add-img">{{trans('admin.SELECT_LOGO')}}</span>
                            <input type="file" data-max-size="2097152" name="logo" id="logo" style="visibility: hidden; position: absolute;" />
                        </label>
                    </div>
                    <div class="col-md-6">
                        <label for="image" class="form-box form-box-img">
                            <!--<div id="validation-errors"></div>-->
                            <img src="{{url('img/add-photo.png')}}" id='companyImg'>
                            <span class="add-img">{{trans('admin.SELECT_IMAGE')}}</span>
                            <input type="file" data-max-size="2097152" name="image" id="image" style="visibility: hidden; position: absolute;" />
                        </label>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-row">
                            <label for="company-name">{{trans('admin.COMPANY_NAME')}}</label>
                            <input id="company-name" type="text" name="name" value="" class="form-control">
                        </div>
                        <div class="row form-row">
                            <div class="col-md-9">
                                <label for="city">{{trans('admin.CITY')}}</label>
                                <div class="select-style">
                                    <select id="city" name="city" class="form-control">
                                        <option value="start">{{trans('admin.CHOOSE_CITY')}}</option>
                                        @foreach($cities as $city)
                                        <option value="{{$city->id}}">{{$city->name}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <label for="postcode">{{trans('admin.POST_CODE')}}</label>
                                <input type="text" id="postcode" name="postcode" placeholder='00-000' value="" class="form-control">
                            </div>
                        </div>
                        <div class="form-row">
                            <label for="street">{{trans('admin.STREET')}}:</label>
                            <input type="text" id="street" name="street" value="" class="form-control">
                        </div>
                        <div class="form-row">
                            <label for="phone">{{trans('admin.PHONE')}}:</label>
                            <div class="js-phones" style="margin-bottom: 10px;">
                                <input type="tel" name="phone[]" value="" class="form-control js-phone-input">
                            </div>
                            <div class="add-link">
                                <a href="#" class="js-add-phone">{{trans('admin.ADD_PHONE')}}</a>
                            </div>
                        </div>
                        <div class="form-row">
                            <label for="email">{{trans('admin.EMAIL')}}:</label>
                            <input type="email" placeholder="email@example.com" id="email" name="email" value="" class="form-control">
                        </div>
                        <div class="form-row">
                            <label for="website">{{trans('admin.WEBSITE')}}</label>
                            <input type="text" id="website" name="website" value="" class="form-control">
                        </div>
                        <div class="form-row">
                            <label for="facebook">Facebook</label>
                            <input type="text" id="facebook" name="facebook" value="" class="form-control">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-row">
                            <label for="description">{{trans('admin.COMPANY_DESCRIPTION')}}</label>
                            <textarea id="description" name="description" class="form-control"></textarea>
                        </div>
                        <div class="form-row">
                            <label for="category">{{trans('admin.GROUP')}}</label>
                            <div class="select-style">
                                <select id="category" name="category" class="form-control">
                                    <option value="start">{{trans('admin.CHOOSE_GROUP')}}</option>
                                    @foreach($categories as $category)
                                    <option value="{{$category->id}}">{{$category->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="add-link">
                                <input type="text" value="" name='suggestedGroup' class='form-control hidden'>
                                <a href="#" class='js-suggest'>{{trans('details.SUGGEST_GROUP')}}</a>
                            </div>
                        </div>
                        <div class="form-row">
                            <label for="group">{{trans('admin.CATEGORY')}}</label>
                            <div class="select-style">
                                <select id="group" name="group" class="form-control" disabled>
                                    <option value="start">{{trans('admin.CHOOSE_CATEGORY')}}</option>
                                    @foreach($groups as $group)
                                    <option value="{{$group->id}}">{{$group->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="add-link">
                                <input type="text" value="" name='suggestedCategory' class='form-control hidden'>
                                <a href="#" class='js-suggest'>{{trans('details.SUGGEST_CATEGORY')}}</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-section">
                    <div class="row">
                        <div class="col-md-6 js-holder services-holder">
                            <label for="service">{{trans('admin.SERVICES_LIST')}}</label>
                            <div class="js-element">
                                <input type="text" id="service" name="service[]" value="" placeholder="{{trans('admin.ADD_SERVICE')}}" class="form-control js-service-input">
                                <button class="remove-element" disabled=""><i aria-hidden="true" class="fa fa-remove"></i></button>
                            </div>
                            <button class="add-button" id="addService">{{trans('admin.ADD_SERVICE')}}</button><br/>
                        </div>
                        <div class="col-md-6 js-holder tags-holder">
                            <label for="tag">{{trans('admin.CHOOSE_TAGS')}}</label>
                            <div class="js-element">
                                <input type="text" id="tag" name="tag[]" placeholder="{{trans('admin.ADD_TAG')}}" value="" class="form-control js-suggest-tag">
                                <button class="remove-element" disabled=""><i aria-hidden="true" class="fa fa-remove"></i></button>
                            </div>
                            <button class="add-button" id="addTag">{{trans('admin.ADD_TAG')}}</button><br/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="attention"><i aria-hidden="true" class="fa fa-bell-o"></i> {{trans('details.INFO')}}</div>
            <div id="alert"></div>
            <input name="confirm[]" type="submit" value="{{trans('admin.CONFIRM')}}" class="btn-submit">
            </div>
        </form>
    </div>
</div>
@endsection