@extends('admin.layouts.app')
@section('title')
    Add Website Request
@endsection
@section('css')

@endsection

@section('contents')
    <div class="container-fluid">
        <!-- Start Page Content -->
        <div class="row flex-column">
            <div class="card">
                <div class="card-title">
                    <h4>Add Support Request</h4>
                    <span class="nav pull-right panel_toolbox">
                        <a class="btn btn-primary" href="{{ route('admin.request') }}">
                            <i class="fa fa-arrow-back"></i>Back
                        </a>
                    </span>
                </div>
            </div>
        </div>
        <!-- /# row -->
        <div class="row flex-column">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <div class="basic-form">
                            <div>
                                @if(!$errors->isEmpty())
                                    <div class="alert alert-danger">
                                        <ul class="list-unstyled">
                                            @foreach($errors->all() as $err)
                                                <li>{{ $err }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                @if(Session::has('message'))
                                    <div class="alert alert-success">
                                        {{ Session::get('message') }}
                                    </div>
                                @endif
                                    @if(Session::has('error'))
                                        <div class="alert alert-danger">
                                            {{ Session::get('error') }}
                                        </div>
                                    @endif
                            </div>
                            <form method="post" action="{{ route('admin.request.add') }}">
                                @csrf
                                <div class="form-group">
                                    <label for="name">Client Name<span class="text-danger">*</span></label>
                                    <input type="text" name="name" value="{{ old('name') }}" id="name" class="form-control" placeholder="Name">
                                </div>
                                <!-- Company Name -->
                                <div class="form-group">
                                    <label for="company_name">Client Company<span class="text-danger">*</span></label>
                                    <input type="text" name="company_name" value="{{ old('company_name') }}" id="company_name" class="input-md round form-control @error('title') is-invalid @enderror " placeholder="Client's Company (*)" required>
                                </div>
                                <!-- Phone -->
                                <div class="form-group">
                                    <label for="phone">Client Phone<span class="text-danger">*</span></label>
                                    <input type="text" name="phone" value="{{ old('phone') }}" id="phone" class="input-md round form-control" placeholder="Phone (*)" required>
                                </div>

                                <!-- Email -->
                                <div class="form-group">
                                    <label for="email">Client Email<span class="text-danger">*</span></label>
                                    <input type="text" name="email" value="{{ old('email') }}" id="email" class="input-md round form-control" pattern=".{5,100}" placeholder="Email (*)" required>
                                </div>

                                <!-- Website -->
                                <div class="form-group">
                                    <label for="name">Client Website</label>
                                    <input type="text" name="website" value="{{ old('website') }}" id="website" class="input-md round form-control" placeholder="Website (Optional)">
                                </div>

                                <div class="form-group">
                                    <label>Plans <span class="text-danger">*</span></label>
                                    <select class="form-control" name="plan" required>
                                        <option value="">--Select Package--</option>
                                        @if(isset($plans))
                                            @foreach($plans as $plan)
                                                <option value="{{ $plan->slug }}">{{ $plan->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

                                <!-- Request -->
                                <div class="form-group">
                                    <div class="form-group">
                                        <label for="request_type">Request Type <span class="text-danger">*</span></label>
                                        <select id="request_type" class="form-control" name="request_type" required>
                                            <option value="sb">Small Business</option>
                                            <option value="free">Free</option>
                                            <option value="church">Church</option>
                                            <option value="school">School</option>
                                            <option value="start_website">Start Website</option>
                                            <option value="start_website">Page Speed</option>
                                        </select>
                                    </div>
                                </div>
                                <!-- Project Summary -->
                                <div class="form-group">
                                    <textarea name="summary" id="summary" class="input-md round form-control" rows="7" placeholder="Project Summary (*)" required>{{ old('summary') }}</textarea>
                                </div>
                                <!-- Request -->
                                <div class="form-group">
                                    <div class="form-group">
                                        <label for="status">Status <span class="text-danger">*</span></label>
                                        <select id="status" class="form-control" name="status" required>
                                            <option value="request_submitted">Request submitted</option>
                                            <option value="to_be_called">To be called</option>
                                            <option value="called">Called</option>
                                            <option value="needs_to_be_called_back">Needs to be called back</option>
                                            <option value="want_to_signup">Wants to signup</option>
                                            <option value="account_setup_in_progress">Account setup in progress</option>
                                            <option value="signup_email_sent">Signup email sent</option>
                                            <option value="signed_up">Signed Up</option>
                                            <option value="subscribed">Subscribed</option>
                                        </select>
                                    </div>
                                </div>
                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /# column -->
        </div>
        <!-- /# row -->

        <!-- End PAge Content -->
    </div>
@endsection

@section('js')
@endsection