@extends('admin.layouts.master')
@section('content')
@section('client','active')
@section('title', 'Client')

<style>
    .clonebtn {
        clear: both;
        margin-top: 10px;
    }

    body {
        padding: 1em;
    }

    .element {
        background: #eee;
        width: 200px;
        height: 40px;
        padding: 20px 20px 0;
        text-align: center;
        margin: 5px 0;
    }

    .btn {
        clear: both;
        margin-top: 10px;

    }

    .btnset {
        background: transparent;
        border-style: none;
        border: none !important;
        outline: none !important;
    }

    .la-plus-circle {
        font-size: 30px
    }

    .la-minus-circle {
        font-size: 30px
    }
   
    .text-bold{
        color: #000;
        font-weight: 300;
    }

</style>
@section('client', 'active')
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title" id="horz-layout-basic">Client</h4>
                <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                <div class="heading-elements">

                </div>
            </div>
            <div class="card-content collpase show">
                <div class="card-body">
                    <form action="{{ route('admin.client.process') }}" method="post" class="form form-horizontal">
                        @csrf
                        <div class="form-body">

                            <h4 class="form-section"><i class="ft-user"></i> Client Info</h4>


                            <div class="form-group row ">
                                <label class="col-md-3 label-control" for="projectinput1">Services</label>
                                <div class="col-md-9 col-sm-12 ">
                                    <select class="js-example-basic-multiple form-control" name="services[]" multiple="multiple">
                                        @foreach($services as $service)
                                            <option value="{{$service->id}}">{{$service->name}}</option>
                                        @endforeach                                    
                                    </select>

                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 label-control" for="projectinput1">Business Name</label>
                                <div class="col-md-9">
                                    <input type="text" id="projectinput1" class="form-control" placeholder="Business Name" name="business_name">
                                    <span class="text-danger">{{ $errors->first('business_name') }}</span>

                                </div>
                            </div>



                            <div class="form-group row">
                                <label class="col-md-3 label-control" for="projectinput1">Title</label>
                                <div class="col-md-9">
                                    <input type="text" id="projectinput1" class="form-control" placeholder="Title" name="title">
                                    <span class="text-danger">{{ $errors->first('title') }}</span>

                                </div>
                            </div>

                            <div class="form-group row">
                                <label class="col-md-3 label-control" for="projectinput1">First Name</label>
                                <div class="col-md-9">
                                    <input type="text" id="projectinput1" class="form-control" placeholder="First Name" name="first_name" required>
                                    <span class="text-danger">{{ $errors->first('first_name') }}</span>

                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 label-control" for="projectinput1">Last Name</label>
                                <div class="col-md-9">
                                    <input type="text" id="projectinput1" class="form-control" placeholder="Last Name" name="last_name" required>
                                    <span class="text-danger">{{ $errors->first('last_name') }}</span>

                                </div>
                            </div>



                            <div class="wrapper">

                                <div class="form-group row elementss">

                                    <label class="col-md-3 label-control" for="projectinput4">Account No</label>
                                    <div class="col-md-9">
                                        <input type="number" id="projectinput4" class="form-control" placeholder="Account No" name="account_no[]">
                                        <span class="text-danger">{{ $errors->first('account_no') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">Door Number</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="Door Number" name="door_number[]">
                                        <span class="text-danger">{{ $errors->first('door_number') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">First Line Of Address</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="Address Line 2" name="address[] " required>
                                        <span class="text-danger">{{ $errors->first('address') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">Second line of Address</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="Address Line 2" name="address[]">
                                        <span class="text-danger"></span>

                                    </div>
                                </div>


                                
                                {{--<div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">Street Number</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="Street Number" name="street_number[]">
                                        <span class="text-danger">{{ $errors->first('street_number') }}</span>

                                    </div>
                                </div>--}}
                                <div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">Town</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="Town" name="town[]">
                                        <span class="text-danger">{{ $errors->first('town') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">City</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="City" name="city[]" required>
                                        <span class="text-danger">{{ $errors->first('city') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">Country</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="Country" name="country[]">
                                        <span class="text-danger">{{ $errors->first('country') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row elementss">
                                    <label class="col-md-3 label-control" for="projectinput4">Post Code</label>
                                    <div class="col-md-9">
                                        <input type="text-area" id="projectinput4" class="form-control" placeholder="PostCode" name="post_code[]" required>
                                        <span class="text-danger">{{ $errors->first('post_code') }}</span>

                                    </div>
                                </div>
                                <div class="results"></div>
                               

                                <div class="row">
                                    <div class="col-md-3">
                                    

                                    </div>
                                    
                                    <div class="col-md-9">
                                    (To Add Secondary Site)
                                    
                                        <div class="btn">
                                        <!-- (To Add Secondary Site) -->
                                            <button type="button" class="clone btnset"><i class="las la-plus-circle"></i></button>
                                            <button type="button" class="remove btnset"><i class="las la-minus-circle"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                              

                            <div class="form-group row">
                                    <label class="col-md-3 label-control" for="projectinput1">Telephone No</label>
                                    <div class="col-md-9">
                                        <input type="number" id="projectinput1" class="form-control" placeholder="Telephone No" name="telephone_number">
                                        <span class="text-danger">{{ $errors->first('telephone_number') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="projectinput1">Mobile No</label>
                                    <div class="col-md-9">
                                        <input type="number" id="projectinput1" class="form-control" placeholder="Mobile No" name="mobile_number">
                                        <span class="text-danger">{{ $errors->first('mobile_number') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="projectinput3">E-mail</label>
                                    <div class="col-md-9">
                                        <input type="text" id="projectinput3" class="form-control" placeholder="E-mail" name="email">
                                        <span class="text-danger">{{ $errors->first('email') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="projectinput4">Password</label>
                                    <div class="col-md-9">
                                        <input type="password" id="projectinput4" class="form-control" placeholder="Password" name="password">
                                        <span class="text-danger">{{ $errors->first('password') }}</span>

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="projectinput4">Confirm Password</label>
                                    <div class="col-md-9">
                                        <input type="password" id="projectinput4" class="form-control" placeholder="Confirm Password" name="confirm_password">
                                        <span class="text-danger">{{ $errors->first('confirm_password') }}</span>

                                    </div>
                                </div>

                            {{-- <div class="form-group row">
                                          <label class="col-md-3 label-control">Select File</label>
                                               <div class="col-md-9">
                       <label id="projectinput8" class="file center-block">
                      <input type="file" id="file">
                      <span class="file-custom"></span>
                    </label>
                  </div>
                </div> --}}
                        </div>
                        <div class="form-actions right">
                            <button type="submit" class="btn btn-primary">
                                <i class="la la-check-square-o"></i> Save
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scriptcloning')
<script>
    $('.wrapper').on('click', '.remove', function() {
        $('.remove').closest('.wrapper').find('.elementss').not(':first').last().remove();
    });
    $('.wrapper').on('click', '.clone', function() {
        $('.clone').closest('.wrapper').find('.elementss').clone().appendTo('.results');
    });
</script>
<script>
    $(document).ready(function() {
        $('.js-example-basic-multiple').select2();
        // downside query use for responsiveness
        $('select').select2({
            width: '100%'
        });
    });
</script>
@endsection