@extends('layouts.master')
@php
    $countries = getCountry();
    // dumper($result);
@endphp
@section('css')
    <link href="{{ asset('panel/assets/iti/intlTelInput.css') }}" rel="stylesheet">

@endsection
@section('content')

<div class="main-content app-content mt-0">
    <div class="side-app">

        <!-- CONTAINER -->
        <div class="main-container container-fluid">

            <!-- PAGE-HEADER -->
            <div class="page-header">
                <h1 class="page-title">{{__('common.company')}}</h1>
                <div>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="javascript:void(0)">{{__('common.company')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{__('common.home')}}</li>
                    </ol>
                </div>
            </div>
            <!-- PAGE-HEADER END -->

            <!-- ROW-1 OPEN -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header">
                            <div class="card-title">{{__('common.edit')}} {{__('common.company')}}</div>
                        </div>
                        <div class="card-body">
                            {!! Form::model($result,['route' => ['company.update', $result->id], 'method' => 'patch', 'class' => 'ajax-submit']) !!}

                                <div class="row mb-4">
                                    {{-- <label class="col-md-3 form-label">Plan Name :</label> --}}
                                    {!! Form::label('name', __('common.name'), ['class' => 'col-md-3 form-label']) !!}
                                    <div class="col-md-9">
                                        {!! Form::text('name', null, ['class' => 'form-control', 'placeholder' => __('common.name')]) !!}

                                    </div>
                                </div>
                                <div class="row mb-4">
                                    {!! Form::label('email', __('common.email'), ['class' => 'col-md-3 form-label']) !!}

                                    <div class="col-md-9">
                                        {!! Form::email('email', null, ['class' => 'form-control', 'placeholder' => __('common.email')]) !!}

                                    </div>
                                </div>
                                <div class="row mb-4">
                                    {!! Form::label('phone', __('common.phone'), ['class' => 'col-md-3 form-label']) !!}
                                    <div class="col-md-9">
                                        <input type="text" id="phone" name="phone_number" value="{{$result->phone_number}}" onkeypress="javascript:return numaric(event,this)" class="form-control" placeholder="Contact number" autocomplete="phone_number" autofocus>
                                        <input type="hidden" id="dial_code" value="{{$result->dial_code}}" name="dial_code">
                                        <input type="hidden" id="dial_code_iso" value="{{$result->dial_code_iso}}" name="dial_code_iso">

                                    </div>
                                </div>
                           

                                <!-- Row -->
                                <div class="row">
                                    {!! Form::label('address', 'Address', ['class' => 'col-md-3 form-label mb-4']) !!}

                                    <div class="col-md-9 mb-4">
                                        {!! Form::select('address', $countries, $result->address, ['class' => 'form-control select2', 'placeholder' => 'Select Country']) !!}
                                    </div>
                                </div>
                                <!--End Row-->


                                <!-- Row -->
                                <div class="row">
                                    {!! Form::label('bio', __('common.about_me'), ['class' => 'col-md-3 form-label mb-4']) !!}

                                    <div class="col-md-9 mb-4">
                                        {!! Form::textarea('bio', null, ['class' => 'form-control', 'placeholder' => 'Write Something....']) !!}
                                    </div>
                                </div>

                                <!--End Row-->

                                <!-- Row -->
                                <div class="row">
                                    {!! Form::label('logo', __('common.logo'), ['class' => 'col-md-3 form-label mb-4']) !!}

                                    <div class="col-md-9 mb-4">
                                        {!! Form::file('image',['class' => 'form-control']) !!}
                                        <div class="w3-div"style="margin-top: 10px;">
                                            <img src="{{ image($result->image, USER_PATH) }}" alt="Logo" class="w3-margin-right" style="width:100px;border:1px solid #000000;">
                                        </div>
                                    </div>
                                    
                                </div>

                                <!--End Row-->



                                 <!-- Row -->
                                 <div class="row">
                                    {!! Form::label('status', __('common.status'), ['class' => 'col-md-3 form-label mb-4']) !!}

                                    <div class="col-md-9 mb-4">
                                        {!! Form::select('status', ['1' => __('common.active'), '0' => __('common.inactive')], null, ['class' => 'form-control select2']) !!}
                                    </div>
                                </div>

                                <!--End Row-->


                               

                                <!--End Row-->

                                 <!-- Row -->
                                 <div class="row">
                                    {!! Form::label('admin_approved', __('common.admin') . ' (' . __('common.approved') . ')', ['class' => 'col-md-3 form-label mb-4']) !!}

                                    <div class="col-md-9 mb-4">
                                        {!! Form::select('admin_approved', ['1' => __('common.approved'), '0' => __('common.unapproved')], null, ['class' => 'form-control select2']) !!}
                                    </div>
                                </div>

                                <!--End Row-->
                            

                        </div>
                        <div class="card-footer">
                            <!--Row-->
                            <div class="row">
                                <div class="col-md-3"></div>
                                <div class="col-md-9">
                                    <button type="submit" class="btn btn-primary">{{__('common.update')}}</button>

                                </div>
                            </div>
                            <!--End Row-->
                        </div>
                    {!! Form::close() !!}
                    </div>
                </div>
            </div>
            <!-- /ROW-1 CLOSED -->

        </div>
        <!--CONTAINER CLOSED -->

    </div>
</div>
@endsection
@section('bottom_script')
  <!-- INTERNAL WYSIWYG Editor JS -->
  <script src="{{ asset('panel/assets/plugins/wysiwyag/jquery.richtext.js')}}"></script>
  <script src="{{ asset('panel/assets/plugins/wysiwyag/wysiwyag.js') }}"></script>

  <!-- INTERNAL File-Uploads Js-->
  <script src="{{ asset('panel/assets/plugins/fancyuploder/jquery.ui.widget.js') }}"></script>
  <script src="{{ asset('panel/assets/plugins/fancyuploder/jquery.fileupload.js') }}"></script>
  <script src="{{ asset('panel/assets/plugins/fancyuploder/jquery.iframe-transport.js') }}"></script>
  <script src="{{ asset('panel/assets/plugins/fancyuploder/jquery.fancy-fileupload.js') }}"></script>
  <script src="{{ asset('panel/assets/plugins/fancyuploder/fancy-uploader.js') }}"></script>
  <script type="text/javascript">
    window.addEventListener('DOMContentLoaded', (event) => {
        let input = document.getElementById("phone");
        let dialing_code = document.getElementById("dial_code");
        let dialing_code_iso = document.getElementById("dial_code_iso");
        let iti = window.intlTelInput(input, {
            initialCountry: "IT",
        });
        iti.setNumber('{{ $result->dial_code }}');
        iti.setNumber('{{ $result->phone_number }}');

        if (iti !== undefined) {
            dialing_code_iso.value = iti.getSelectedCountryData().iso2.toUpperCase();
        }

        input.addEventListener("countrychange", function() {
            let number = iti.selectedCountryData.dialCode;
            dialing_code.value = '+' + number;
            dialing_code_iso.value = iti.selectedCountryData.iso2.toUpperCase();
        });
    });
</script>
<script src="{{ asset('panel/assets/iti/intlTelInput.js') }}"></script>

@endsection