@extends('layout.app')
@section('styling')
    @parent
    <link rel="stylesheet" type="text/css" href="{{asset('theme/assets/bootstrap-datepicker/css/datepicker.css')}}" />
@endsection
@section('content')
    <div class="col-lg-12">
        <section class="card">
            @if ($errors->all())
                <div class="card-body">
                    @foreach($errors->all() as $message)
                        <div class="alert alert-danger" role="alert">
                            {{$message}}
                        </div>
                    @endforeach
                </div>
            @endif
            <header class="card-header">
                Create Lead
            </header>
            <div class="card-body">
                <form action="{{route('lead.store')}}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="form-group row">
                        <label for="username" class="col-sm-1 col-form-label">Date</label>
                        <div class="col-sm-5">
                            <input
                                type="text"
                                name="date"
                                class="form-control"
                                id="date"
                                value="{{ date('Y-m-d') }}"
                                disabled
                            >
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="email" class="col-sm-1 col-form-label">Name</label>
                        <div class="col-sm-5">
                            <input type="name" name="name" class="form-control" id="name" placeholder="Name">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="email" class="col-sm-1 col-form-label">Email</label>
                        <div class="col-sm-5">
                            <input type="email" name="email" class="form-control" id="email" placeholder="Email">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="phone" class="col-sm-1 col-form-label">Phone Number</label>
                        <div class="col-sm-5">
                            <input type="text" name="phone" class="form-control" data-mask="999-999-9999" id="phone">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="reference" class="col-sm-2 col-form-label">How did you hear about us?</label>
                        <div class="col-sm-5">
                            <div class="radios">
                                <label class="label_radio" for="radio-01">
                                    <input name="reference" id="radio-01" value="referral" type="radio" checked /> Referral
                                </label>
                                <label class="label_radio" for="radio-02">
                                    <input name="reference" id="radio-02" value="drive_by" type="radio" /> Drive By
                                </label>
                                <label class="label_radio" for="radio-03">
                                    <input name="reference" id="radio-03" value="online_facebook" type="radio" /> Online - Facebook
                                </label>
                                <label class="label_radio" for="radio-02">
                                    <input name="reference" id="radio-02" value="online_oter" type="radio" /> Online - Oter
                                </label>
                                <label class="label_radio" for="radio-03">
                                    <input name="reference" id="radio-03" value="installer_and_contractor" type="radio" /> Installer/Contractor
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="reference" class="col-sm-2 col-form-label">Looking for</label>
                        @foreach($looking_for as $looking)
                            <div class="col-sm-2">
                                <div class="checkboxes">
                                    <label class="label_check" for="checkbox-{{$looking->id}}">
                                        <input name="looking_for[]" id="checkbox-{{$looking->id}}" value="{{$looking->id}}" type="checkbox" /> {{$looking->name}}
                                    </label>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    <div class="form-group row">
                        <label for="rcp" class="col-sm-1 col-form-label">REP</label>
                        <div class="col-sm-5">
                            <input type="text" name="rcp" class="form-control" id="rcp" placeholder="RCP">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="note" class="col-sm-1 col-form-label">Note</label>
                        <div class="col-sm-5">
                            <textarea class="form-control" rows="5" name="note"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="follow_up" class="col-sm-1 col-form-label">Follow up</label>
                        <div class="col-sm-5">
                            <textarea class="form-control" rows="5" name="follow_up"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-sm-2">Attachment</label>
                        <div class="col-sm-5">
                            <input type="file" name="attachment[]" multiple class="default" />
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-sm-2">Follow Up Date</label>
                        <div class="col-sm-3">
                            <input type="text" name="first_follow_up_date" class="form-control date-picker-input" placeholder="Select Date">
                        </div>
                        <div class="col-sm-3">
                            <input type="text" name="second_follow_up_date" class="form-control date-picker-input" placeholder="Select Date">
                        </div>
                        <div class="col-sm-3">
                            <input type="text" name="third_follow_up_date" class="form-control date-picker-input" placeholder="Select Date">
                        </div>
                    </div>
                    <div class="form-group row">
                        <div class="col-sm-1">
                            <button type="submit" class="btn btn-primary">Save</button>
                        </div>
                        <div class="col-sm-4">
                            <a type="button" href="{{url('/')}}" class="btn btn-primary">Go to Dash</a>
                        </div>
                    </div>
                </form>
            </div>
        </section>

    </div>

@endsection
@section('javascript')
    @parent
    <script type="text/javascript" src="{{asset('theme/assets/bootstrap-datepicker/js/bootstrap-datepicker.js')}}"></script>
    <script src="{{asset('theme/js/pickers/init-date-picker.js')}}"></script>
    <script type="text/javascript" src="{{asset('theme/assets/bootstrap-inputmask/bootstrap-inputmask.min.js')}}"></script>
@endsection