@extends('mainlayout.layout')


@section('title')
@endsection

@push('css')

        <!-- Plugins css -->
        <link href="{{ asset('/web/assets/libs/dropzone/min/dropzone.min.css')}}" rel="stylesheet" type="text/css" />

        <link href="{{ asset('/web/assets/libs/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
@endpush


@section('content')

                     <!-- start page title -->
                        <div class="row" >
                            <div class="col-12">
                                <div class="page-title-box d-flex align-items-center justify-content-between">
                                    <h4 class="mb-0 font-size-18">Add Campaign</h4>
                                </div>
                            </div>
                        </div>
                        <!-- end page title -->



                        <div class="row">
                            <div class="col-xl-12">
                                <div class="card">
                                    <div class="card-body">

                                        <form action="/campaign/add_campaign" method="POST">
                                            @csrf

                                            <h4 class="card-title mb-2" style="background-color:#f8f8fb;padding:0.5em 0.25em;">Campaign Details</h4>
                                             <div class="row">

                                                <div class="col-lg-6">
                                                    <div class="form-group">
                                                      <label for="formrow-inputState">Campaign Name</label>
                                                      <input type="text" class="form-control" name="campaign_name" id="formrow-firstname-input">
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row">


                                                <div class="col-lg-3">
                                                    <div class="form-group">
                                                        <label for="formrow-inputState">Select Country Of Operation</label>
                                                        <select id="formrow-inputState" class="form-control" name="country_id">
                                                            <option >Choose</option>

                                                            @foreach($countries as $country)
                                                                <option value="{{$country->country_id}}">{{$country->country}}</option>
                                                                @endforeach
                                                        </select>
                                                        
                                                    </div>
                                                </div>

                                               
                                            </div>

                                             <div class="row">

                                              <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label for="formrow-inputState">Financing Partner</label>
                                                         <select id="formrow-inputState" class="form-control" name="financing_partner_id">
                                                            <option >Choose</option>
                                                            @foreach($financingpartners as $fp)
                                                                <option value="{{ $fp->financing_partner_id}}">{{ $fp->financing_partner}}</option>
                                                                @endforeach
                                                        </select>
                                                    </div>
                                                </div>


                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label for="formrow-inputState">Telco</label>
                                                         <select id="formrow-inputState" class="form-control" name="telco_id">
                                                            <option >Choose</option>
                                                            @foreach($telcos as $telco)
                                                                <option value="{{$telco->telco_id}}">{{$telco->telco}}</option>
                                                                @endforeach
                                                        </select>
                                                        
                                                    </div>
                                                </div>

                                                <div class="col-lg-2">
                                                    <div class="form-group">
                                                        <label for="formrow-inputState">Email Communication</label>
                                                        <input type="text" class="form-control" id="formrow-firstname-input" name="email_communication">
                                                        
                                                    </div>
                                                </div>

                                               

                                                
                                                
                                                
                                            </div>

                                            <div class="row">
                                            <div class="col-lg-3">
                                            <button href="#" class="mt-4 btn btn_blck w-md" style="width:100%;">Add Campaign</button>
                                            </div>
                                            </div>

                                        </form>

                                    </div>
                                </div>
                            </div>
                        </div>


@endsection



@push('scripts')

 <!-- twitter-bootstrap-wizard js -->

        
        <script src="{{ asset('/web/assets/libs/select2/js/select2.min.js')}}"></script>
       <script src="{{ asset('/web/assets/js/pages/form-advanced.init.js')}}"></script> 



@endpush