@extends('backend.template')
@section('content')
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">Add Contact</h4>


                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboards</a></li>
                        <li class="breadcrumb-item active">Add Contact</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    <form action="{{ route('contacts.store') }}" id="storeCustomForm" method="POST">
        @csrf
        <div class="row">
            <div class="col-xl-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-6">{{ createText('name', 'name', 'Title') }}
                            </div>
                            <div class="col-lg-6">{{createCustomSelect('tbl_branches', 'title', 'branch_id', '', 'Branches Id','branches_id', 'form-control select2','status<>-1')}}</div>
                            <div class="col-lg-6">{{ createText('tagline', 'tagline', 'Tagline') }}
                            </div>
                            <div class="col-lg-6">{{createCustomSelect('tbl_forms', 'title', 'form_id', '', 'Forms Id (if needed)','forms_id', 'form-control select2','status<>-1')}}</div>
                            
                            
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-xl-8">
                <div class="card">
                        <div class="card-header">
                            <h4 class="card-title mb-0">
                                Address
                            </h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-lg-12">{{ createText('address', 'address', 'Address') }}
                                </div>
                                <div class="col-lg-3">{{ createText('tel', 'tel', 'Phone Number') }}
                                </div>
                                <div class="col-lg-3">{{ createText('fax', 'fax', 'Fax Number') }}
                                </div>
                                <div class="col-lg-3">{{ createText('hp1', 'hp1', 'Helpline 1') }}
                                </div>
                                <div class="col-lg-3">{{ createText('hp2', 'hp2', 'Helpline 2') }}
                                </div>
    
                                <div class="col-lg-4">{{ createText('email1', 'email1', 'Email Address') }}
                                </div>
                                <div class="col-lg-4">{{ createText('email2', 'email2', 'Alternate Email') }}
                                </div>
    
                                <div class="col-lg-4">{{ createText('website', 'website', 'Website') }}
                                </div>
                                <div class="col-lg-12 pb-2">
                                    {{ createPlainTextArea('google_map', 'google_map', 'Google Map') }}
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="col-xl-4">
                <div class="card">
                        <div class="card-header">
                            <h4 class="card-title mb-0">
                                Social Media
                            </h4>
                        </div>
                        <div class="card-body">
                            <div class="col-lg-12">{{ createText('facebook', 'facebook', 'Facebook') }}
                            </div>
                            <div class="col-lg-12">{{ createText('twitter', 'twitter', 'Twitter') }}
                            </div>
                            <div class="col-lg-12">{{ createText('instagram', 'instagram', 'Instagram') }}
                            </div>
                            <div class="col-lg-12">{{ createText('tiktok', 'tiktok', 'Tiktok') }}
                            </div>
                        </div>
                    </div>
            </div>
                
                <div class="col-lg-12 pb-2">{{ createPlainTextArea('remarks', 'remarks', 'Remarks') }}
                </div>
                <div class="col-md-12 mb-3 mt-3"><?php createButton('btn-primary btn-store', '', 'Submit'); ?>
                        <?php createButton('btn-danger btn-cancel', '', 'Cancel', route('contacts.index')); ?>
                    </div>
               
            </div>
       
        </div>
    </form>

    
@endsection