@extends('admin.layouts.app')
@section('page_content')
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">Contact Us</h4>
                <ul>
                    <li><a href="{{route('admin.contact.page_titles')}}" class="outline_green_btn">Page Title</a></li> 
                </ul> 
            </div>
            <!-- <a href="{{route('admin.certificates.add')}}" class="btn btn-success pull-right green_filled">Add Certificate</a> -->
        </div>
        
    </div>
    <!-- Page Title Header Ends-->

    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <!-- <h4 class="card-title">Default form</h4> -->
                            @if(!isset($contact->id) && !isset($contact))
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.contact.save')}}">
                                    @csrf

                                    <div class="form-group">
                                        <label for="banner_image">Banner Image <span class="text-danger">*</span></label>
                                        <!-- <input type="file" class="form-control" id="banner_image" name="banner_image" style="padding: 10px;" required> -->
                                        <div class="custom-file">
                                            <input type="file" name="banner_image"  class="custom-file-input form-control" required id="customFile">
                                            <label class="custom-file-label" for="customFile">Choose file</label>
                                        </div>
                                    </div>
                                    
                                    <div class="mt-5"></div>
                                    
                                    <div class="form-group">
                                        <label for="title">Contact Page Title <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="title" name="title" placeholder="Title" required>
                                    </div>

                                    <div class="form-group">
                                        <label for="ar_title">Contact Page Title (Arabic)<span class="text-danger"></span></label>
                                        <input type="text" class="form-control" id="ar_title" name="ar_title" placeholder="Title">
                                    </div>

                                    <div class="form-group">
                                        <label for="description">Contact Page Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="description" required id="description" placeholder="Description.."></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="ar_description">Contact Page Description (Arabic)<span class="text-danger"></span></label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_description"  id="ar_description" placeholder="Description.."></textarea>
                                    </div>

                                    <h5>UAE Address</h5>
                                        <div class="row">
                                            <div class="form-group col-md-4">
                                                <label for="uae_name">Company Name <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="uae_name" name="uae_name" placeholder="Company Name" required>
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="uae_phone">Phone <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="uae_phone" name="uae_phone" placeholder="Phone" required>
                                            </div>

                                            <div class="form-group col-md-4">
                                                <label for="uae_alternate_phone">Alternate Phone </label>
                                                <input type="text" class="form-control" id="uae_alternate_phone" name="uae_alternate_phone" placeholder="Alternate Phone">
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="uae_email">Email <span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" id="uae_email" name="uae_email" placeholder="Email" required>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label for="uae_address">Address <span class="text-danger">*</span></label>
                                                <textarea type="text" rows="3" class="form-control" name="uae_address" required id="uae_address" placeholder="Address.."></textarea>
                                            </div>

                                            <div class="mt-2"></div>

                                            <div class="form-group col-md-12">
                                                <label for="ar_uae_name">Company Name (Arabic)<span class="text-danger"></span></label>
                                                <input type="text" class="form-control" id="ar_uae_name" name="ar_uae_name" placeholder="Company Name">
                                            </div>
                                    
                                            <div class="form-group col-md-12">
                                                <label for="ar_uae_address">Address (Arabic)<span class="text-danger"></span></label>
                                                <textarea type="text" rows="3" class="form-control" name="ar_uae_address" id="ar_uae_address" placeholder="Address.."></textarea>
                                            </div>
                                            <div class="mt-2"></div>
                                            <div class="form-group col-md-12">
                                                <label for="uae_embed_map">Google Map Link <span class="text-danger">*</span></label>
                                                <input type="url" class="form-control" name="uae_embed_map" required id="uae_embed_map" placeholder="Google Map Link">
                                                <!-- <textarea rows="3" class="form-control" name="uae_embed_map" required id="uae_embed_map" placeholder="Embed Map code.."></textarea> -->
                                            </div>
                                        </div>

                                    <h5>India Address</h5>
                                        <div class="row">
                                            <div class="form-group col-md-4">
                                                <label for="ia_name">Company Name <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="ia_name" name="ia_name" placeholder="Company Name" required>
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="ia_phone">Phone <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="ia_phone" name="ia_phone" placeholder="Phone" required>
                                            </div>

                                            <div class="form-group col-md-4">
                                                <label for="ia_alternate_phone">Alternate Phone </label>
                                                <input type="text" class="form-control" id="ia_alternate_phone" name="ia_alternate_phone"  placeholder="Alternate Phone">
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="ia_email">Email <span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" id="ia_email" name="ia_email" placeholder="Email" required>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label for="ia_address">Address <span class="text-danger">*</span></label>
                                                <textarea type="text" rows="3" class="form-control" name="ia_address" required id="ia_address" placeholder="Address.."></textarea>
                                            </div>

                                            <div class="mt-2"></div>

                                            <div class="form-group col-md-12">
                                                <label for="ar_ia_name">Company Name (Arabic)<span class="text-danger"></span></label>
                                                <input type="text" class="form-control" id="ar_ia_name" name="ar_ia_name" placeholder="Company Name" >
                                            </div>
                                    
                                            <div class="form-group col-md-12">
                                                <label for="ar_ia_address">Address (Arabic)<span class="text-danger"></span></label>
                                                <textarea type="text" rows="3" class="form-control" name="ar_ia_address" id="ar_ia_address" placeholder="Address.."></textarea>
                                            </div>
                                            <div class="mt-2"></div>
                                            <div class="form-group col-md-12">
                                                <label for="ia_embed_map">Google Map Link <span class="text-danger">*</span></label>
                                                <input type="url" class="form-control" name="ia_embed_map" required id="ia_embed_map" placeholder="Google Map Link">

                                                <!-- <textarea type="text" rows="3" class="form-control" name="ia_embed_map" required id="ia_embed_map" placeholder="Embed Map code.."></textarea> -->
                                            </div>
                                        </div>
                                    <div class="mt-5"></div>


        
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Save</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @else
                                <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.contact.update')}}">
                                    @csrf
                                    <input type="hidden" name="id" value="{{$contact->id}}">

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-10">
                                                <label for="banner_image">Banner Image </label>
                                                <div class="custom-file">
                                                    <input type="file" name="banner_image"  class="custom-file-input form-control" id="customFile">
                                                    <label class="custom-file-label" for="customFile">Choose file</label>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                @if(file_exists($contact->banner_image))
                                                    <a href="{{asset($contact->banner_image)}}" target="_blank"><img src="{{asset($contact->banner_image)}}" style="width:100%;"></a>
                                                @else
                                                    
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="mt-5"></div>
                                    
                                    <div class="form-group">
                                        <label for="title">Contact Page Title <span class="text-danger">*</span></label>
                                        <input type="text" class="form-control" id="title" name="title" placeholder="Title" value="{{$contact->title}}" required>
                                    </div>

                                    <div class="form-group">
                                        <label for="ar_title">Contact Page Title (Arabic)<span class="text-danger"></span></label>
                                        <input type="text" class="form-control" id="ar_title" name="ar_title" placeholder="Title" value="{{$contact->ar_title}}">
                                    </div>

                                    <div class="form-group">
                                        <label for="description">Contact Page Description <span class="text-danger">*</span></label>
                                        <textarea type="text" rows="6" class="form-control" name="description" required id="description" placeholder="Description..">{{$contact->description}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label for="ar_description">Contact Page Description (Arabic)<span class="text-danger"></span></label>
                                        <textarea type="text" rows="6" class="form-control" name="ar_description"  id="ar_description" placeholder="Description..">{{$contact->ar_description}}</textarea>
                                    </div>

                                    <h5>UAE Address</h5>
                                        <div class="row">
                                            <div class="form-group col-md-4">
                                                <label for="uae_name">Company Name <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="uae_name" name="uae_name" value="{{$contact->uae_title}}" placeholder="Company Name" required>
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="uae_phone">Phone <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="uae_phone" name="uae_phone" value="{{$contact->uae_phone}}" placeholder="Phone" required>
                                            </div>

                                            <div class="form-group col-md-4">
                                                <label for="uae_alternate_phone">Alternate Phone </label>
                                                <input type="text" class="form-control" id="uae_alternate_phone" name="uae_alternate_phone" value="{{$contact->uae_alternate_phone}}" placeholder="Alternate Phone">
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="uae_email">Email <span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" id="uae_email" name="uae_email" value="{{$contact->uae_email}}" placeholder="Email" required>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label for="uae_address">Address <span class="text-danger">*</span></label>
                                                <textarea type="text" rows="3" class="form-control" name="uae_address" required id="uae_address" placeholder="Address..">{{$contact->uae_address}}</textarea>
                                            </div>

                                            <div class="mt-2"></div>

                                            <div class="form-group col-md-12">
                                                <label for="ar_uae_name">Company Name (Arabic)<span class="text-danger"></span></label>
                                                <input type="text" class="form-control" id="ar_uae_name" name="ar_uae_name" placeholder="Company Name" value="{{$contact->ar_uae_title}}">
                                            </div>
                                    
                                            <div class="form-group col-md-12">
                                                <label for="ar_uae_address">Address (Arabic)<span class="text-danger"></span></label>
                                                <textarea type="text" rows="3" class="form-control" name="ar_uae_address" id="ar_uae_address" placeholder="Address..">{{$contact->ar_uae_address}}</textarea>
                                            </div>
                                            <div class="mt-2"></div>
                                            <div class="form-group col-md-12">
                                                <label for="uae_embed_map">Google Map Link <span class="text-danger">*</span></label>
                                                <input type="url" value="{{$contact->uae_link}}" class="form-control" name="uae_embed_map" required id="uae_embed_map" placeholder="Google Map Link">
                                                <!-- <textarea rows="3" class="form-control" name="uae_embed_map" required id="uae_embed_map" placeholder="Embed Map code..">{{$contact->uae_embed_map}}</textarea> -->
                                            </div>
                                        </div>

                                    <h5>India Address</h5>
                                        <div class="row">
                                            <div class="form-group col-md-4">
                                                <label for="ia_name">Company Name <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="ia_name" name="ia_name" value="{{$contact->ia_title}}" placeholder="Company Name" required>
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="ia_phone">Phone <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="ia_phone" name="ia_phone" value="{{$contact->ai_phone}}" placeholder="Phone" required>
                                            </div>

                                            <div class="form-group col-md-4">
                                                <label for="ia_alternate_phone">Alternate Phone </label>
                                                <input type="text" class="form-control" id="ia_alternate_phone" name="ia_alternate_phone" value="{{$contact->ia_alternate_phone}}" placeholder="Alternate Phone">
                                            </div>
                                            
                                            <div class="form-group col-md-4">
                                                <label for="ia_email">Email <span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" id="ia_email" name="ia_email" value="{{$contact->ai_email}}" placeholder="Email" required>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <label for="ia_address">Address <span class="text-danger">*</span></label>
                                                <textarea type="text" rows="3" class="form-control" name="ia_address" required id="ia_address" placeholder="Address..">{{$contact->ai_address}}</textarea>
                                            </div>

                                            <div class="mt-2"></div>

                                            <div class="form-group col-md-12">
                                                <label for="ar_ia_name">Company Name (Arabic)<span class="text-danger"></span></label>
                                                <input type="text" class="form-control" id="ar_ia_name" name="ar_ia_name" value="{{$contact->ar_ia_title}}" placeholder="Company Name" >
                                            </div>
                                    
                                            <div class="form-group col-md-12">
                                                <label for="ar_ia_address">Address (Arabic)<span class="text-danger"></span></label>
                                                <textarea type="text" rows="3" class="form-control" name="ar_ia_address" id="ar_ia_address" placeholder="Address..">{{$contact->ar_ai_address}}</textarea>
                                            </div>
                                            <div class="mt-2"></div>
                                            <div class="form-group col-md-12">
                                                <label for="ia_embed_map">Google Map Link <span class="text-danger">*</span></label>
                                                <input type="url" value="{{$contact->ia_link}}" class="form-control" name="ia_embed_map" required id="ia_embed_map" placeholder="Google Map Link">

                                                <!-- <textarea type="text" rows="3" class="form-control" name="ia_embed_map" required id="ia_embed_map" placeholder="Embed Map code..">{{$contact->ai_embed_map}}</textarea> -->
                                            </div>
                                        </div>
                                    <div class="mt-5"></div>


        
                                    <button type="submit" class="btn btn-green btn-rounded mr-2">Update</button>
                                    <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                </form>
                            @endif
                        </div>
                    </div>
                </div>

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

</div>
<script>
    CKEditorChange('description','only_color_options.js');
    CKEditorChange('ar_description','only_color_options.js');
</script>
@endsection