@extends('layouts.admin')
@section('content')
 <div class="ps-main__wrapper">
            <header class="header--dashboard">
                <div class="header__left">
                    <h3>New Exporter</h3>
                    <p>Add new exporter</p>
                </div>
                <div class="header__center">
                     
                </div>
                <div class="header__right"><a class="header__site-link" href="{{ route('view-products', ["sector"=>"all"]) }}"><span>View Store</span><i class="icon-exit-right"></i></a></div>
            </header>
             @if ($errors->any())
                    <div class="alert alert-danger">
                        <strong>Error!</strong> 
                        <ul>
                            @foreach ($errors->all() as $error)
                            <li>{{ $error  }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
                @if ($message = Session::get('success'))
                <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <strong>{{ $message }}</strong>
                </div>
                @endif
            <section class="ps-new-item">
                <form class="ps-form ps-form--new-product" action="{{ route('vendors.store') }}" method="POST" enctype = 'multipart/form-data'>
                     @csrf
                    <div class="ps-form__content">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                <figure class="ps-block--form-box">
                                    <figcaption>General</figcaption>
                                    <div class="ps-block__content">
                                        <div class="form-group">
                                            <label>Company Name<sup>*</sup>
                                            </label>
                                            <input class="form-control" name="name" type="text" placeholder="Enter company name..." required/>
                                        </div>
                                        <div class="form-group">
                                            <label>Email<sup>*</sup>
                                            </label>
                                            <input class="form-control" name="email" type="email" placeholder="Enter email..." />
                                        </div>
                                        <div class="form-group">
                                            <label>Address<sup>*</sup>
                                            </label>
                                            <textarea class="form-control" name="address" rows="6" placeholder="Enter  address..." required></textarea>
                                        </div>
                                        <div class="form-group">
                                            <label>Cell<sup>*</sup>
                                            </label>
                                            <input class="form-control" name="cell" type="text" placeholder="" />
                                        </div>
                                        <div class="form-group">
                                            <label>Phone<sup>*</sup>
                                            </label>
                                            <input class="form-control" name="phone" type="text" placeholder="" />
                                        </div>
                                        <div class="form-group">
                                            <label>Operation Hours<sup>*</sup>
                                            </label>
                                            <input class="form-control" type="text" name="ohours" placeholder="" required/>
                                        </div>
                                        <div class="form-group">
                                            <label>About<sup>*</sup></label>
                                            <textarea class="form-control" name="about" rows="9" name="about" required></textarea>
                                        </div>
                                    </div>
                                </figure>
                            </div>
                            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                <figure class="ps-block--form-box">
                                    <figcaption>Files</figcaption>
                                    <div class="ps-block__content">
                                        <div class="form-group">
                                            <label>Logo (100 * 100)</label>
                                            <div class="form-group--nest">
                                                <input class="form-control  " name="image" type="file" placeholder="" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label>Header image (415 * 210 )</label>
                                            <div class="form-group--nest">
                                                <input class="form-control " name="image2" type="file" placeholder="" required>
                                            </div>
                                        </div>
                                        <label>Company Profile | Catalogue</label>
                                        <div class="form-group form-group--nest">
                                            <input class="form-control  " name="image3" type="file" placeholder="" required>
                                        </div>
                                      <!--  <div class="form-group">
                                            <label>Video (optional)
                                            </label>
                                            <input class="form-control" type="text" placeholder="Enter video URL" />
                                        </div>-->
                                    </div>
                                </figure>
                                <figure class="ps-block--form-box">
                                    <figcaption>Social Media</figcaption>
                                    <div class="ps-block__content">
                                        <div class="form-group">
                                            <label>Facebook<sup>*</sup>
                                            </label>
                                            <input class="form-control" type="text" placeholder="" name="facebook" />
                                        </div>
                                        <div class="form-group">
                                            <label>Twitter<sup>*</sup>
                                            </label>
                                            <input class="form-control" type="text" placeholder="" name="twitter" />
                                        </div>
                                        <div class="form-group">
                                            <label>Linkedin<sup>*</sup>
                                            </label>
                                            <input class="form-control" type="text" placeholder="" name="linkedin" />
                                        </div>
                                        <div class="form-group">
                                            <label>Whatsapp<sup>*</sup>
                                            </label>
                                            <input class="form-control" type="text" placeholder="" name="whatsapp" />
                                        </div>
                                        <div class="form-group">
                                            <label>Website<sup>*</sup>
                                            </label>
                                            <input class="form-control" type="text" placeholder="" name="website" />
                                        </div>
                                       
                                 </div>
                                </figure>
                                <figure class="ps-block--form-box">
                                    <figcaption>Meta</figcaption>
                                    <div class="ps-block__content">
                                        <div class="form-group form-group--select">
                                            <label>Sector
                                            </label>
                                            <div class="form-group__content">
                                                <select class="ps-select" title="sector" name="sector" required>
                                                    <option value="Arts and Craft">Arts and craft</option>
                                                    <option value="Agri-business">Agri-business</option>
                                                    <option value="Construction">Construction</option>
                                                    <option value="Clothing">Clothing</option>
                                                     <option value="Fresh Produce">Fresh Produce</option>
                                                    <option value="Furniture">Furniture</option>
                                                    <option value="ICT">ICT</option>
                                                    <option value="Packaging">Packaging</option>
                                                    <option value="Processed food">Processed food</option>
                                                    <option value="Services">Services</option>
                                                </select>
                                            </div>
                                        </div>
                                         <div class="form-group form-group--select">
                                            <label>Status
                                            </label>
                                            <div class="form-group__content">
                                                <select class="ps-select" title="Status" name="status" required>
                                                    <option value="Active">Active</option>
                                                    <option value="Inactive">Inactive</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </figure>
                            </div>
                        </div>
                    <div class="ps-form__bottom">
                    <a class="ps-btn ps-btn--black" href="{{ route('list-vendors') }}">Back</a>
                     @if (Auth::user()->usertype == 'admin' || Auth::user()->usertype == 'Admin')
                        <button class="ps-btn">Submit</button>
                    @endif
                    </div>
                </form>
            </section>
        </div>
    </main>
@endsection