@extends('layouts.view')
@section('title',trans('lang.compsettings'))
@section('content')
    <link href="{{ asset('plugins/dropify/css/dropify.min.css') }}" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">

    <style>
        .policy-list {
            list-style-type: none;
            padding: 0;
        }

        .policy-list li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 8px;
            padding: 8px;
            background: #f8f9fa;
            border-radius: 5px;
        }

        .policy-list li a {
            text-decoration: none;
            color: #007bff;
            font-weight: 500;
            margin-right: auto;
        }

        .policy-list li a:hover {
            text-decoration: underline;
        }

        .delete-btn {
            background: none;
            border: none;
            color: red;
            font-size: 16px;
            cursor: pointer;
        }

        .delete-btn:hover {
            color: darkred;
        }
        .file-icon {
            width: 30px;  /* Change the size of the icon */
            height: auto;
            margin-right: 10px;
        }

        #file-list .list-group-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        #file-list .delete-btn {
            border: none;
            background: transparent;
            color: red;
            cursor: pointer;
        }


    </style>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">

                    </div>
                    <h4 class="page-title">{{trans('lang.compsettings')}}</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div><!--end row-->
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    <!-- end col -->
                    <div id="formDialog"  class="card-body">
                        <h4 id="titleheadar" class="mt-0 header-title">{{trans('lang.compsettings')}} :</h4>
                        <div class="row">
                            <div class="col-lg-12">
                                <div id="message-box"></div> <!-- Div for displaying the messages -->
                                <form  class="form-horizontal row-fluid" id="sample_form" method="post"  enctype="multipart/form-data">
                                    @csrf
                                    <input type="hidden" name="id" id="id" value="0" />
                                    <div class="form-group row">

                                        <label class="col-sm-3 col-form-label text-right" for="basicinput"> {{trans('lang.comp_enname')}}</label>

                                        <div class="col-sm-9">

                                            <input type="text" id="en_name" name="en_name" value="{{$company_setting->en_name}}"  placeholder="{{trans('lang.comp_enname')}} ..." class="form-control">

                                        </div></div><div class="form-group row">
                                        <label class="col-sm-3 col-form-label text-right" for="basicinput"> {{trans('lang.comp_arname')}}</label>

                                        <div class="col-sm-9">

                                            <input type="text" id="ar_name" name="ar_name" value="{{$company_setting->ar_name}}" placeholder="{{trans('lang.comp_arname')}} ..." class="form-control">
                                        </div>

                                    </div>
                                    <div class="form-group row">

                                        <label class="col-sm-3 col-form-label text-right" for="basicinput"> {{trans('lang.finance_emails')}}</label>

                                        <div class="col-sm-9">

                                            <input type="email" id="finance_emails" name="finance_emails" value="{{$company_setting->finance_emails}}"  placeholder="{{trans('lang.finance_emails')}} ..." class="form-control">

                                        </div>

                                    </div>

                                    <div class="form-group row">

                                        <label class="col-sm-3 col-form-label text-right" for="basicinput"> {{trans('lang.hr_emails')}}</label>

                                        <div class="col-sm-9">

                                            <input type="text" id="hr_emails" name="hr_emails" value="{{$company_setting->hr_emails}}" placeholder="{{trans('lang.hr_emails')}} ..." class="form-control">
                                        </div>

                                    </div>

                                    <div class="form-group row">

                                        <label class="col-sm-3 col-form-label text-right" for="basicinput"> {{trans('lang.logo_path')}}</label>

                                        <div class="col-sm-9">

                                            <input type="file" id="logo_path" name="logo_path"  placeholder="{{trans('lang.logo_path')}} ..." class="form-control">
                                        </div>
                                        @if(!empty($company_setting->logo_path))
                                            <div>
                                                <strong>{{trans('lang.logo_path')}}:</strong>
                                                <ul class="list-group mt-2">
                                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                                        <!-- Check if the logo file is an image (jpg, jpeg, png) -->
                                                        @php
                                                            $logo_extension = pathinfo($company_setting->logo_path, PATHINFO_EXTENSION);
                                                        @endphp

                                                            <!-- Display image icon for jpg, png, jpeg extensions -->
                                                        @if(in_array(strtolower($logo_extension), ['jpg', 'jpeg', 'png']))
                                                            <i class="fas fa-image"></i> <!-- Image icon -->
                                                        @else
                                                            <i class="fas fa-file"></i> <!-- Default icon for other file types -->
                                                        @endif

                                                        <!-- Logo file name with a link to view it -->
                                                        <a target="_blank" href="{{ asset('files/setting/' . $company_setting->logo_path) }}">
                                                            {{ $company_setting->logo_path }}
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        @endif

                                    </div>

                                    <div class="form-group row">

                                        <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.company_location')}}</label>
                                        <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.Latitude')}}</label>
                                        <div class="col-sm-3">

                                            <input type="text" id="lat" name="lat" value="{{$company_setting->lat}}"  placeholder="{{trans('lang.Latitude')}} ..." class="form-control">

                                        </div>
                                        <label class="col-sm-2 col-form-label text-right" for="basicinput"> {{trans('lang.Longitude')}}</label>
                                        <div class="col-sm-3">

                                            <input type="text" id="lng" name="lng" value="{{$company_setting->lng}}"  placeholder="{{trans('lang.Longitude')}} ..." class="form-control">

                                        </div>

                                    </div>
                                    <div class="form-group row">

                                        <label class="col-sm-3 col-form-label text-right" for="basicinput"> {{trans('lang.company_policy')}}</label>

                                        <div class="col-sm-9">

                                            <input name="company_policy[]" type="file" id="input-file-now"
                                                   class="dropify" placeholder="{{trans('lang.company_policy')}} ..." multiple>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <input type="hidden" name="action" id="action" />
                                        <input type="hidden" name="hidden_id" id="hidden_id" />
                                        <div class="col-sm-3"></div>
                                        <div class="col-sm-6">

                                            <button type="submit" name="action_button" id="action_button" class="btn btn-primary" >{{ trans('lang.submit') }}</button>

                                        </div>
                                        <div class="col-sm-3"></div>
                                    </div>
                                </form>
                                    @if(!empty($company_setting->company_policy))
                                        <div class="form-group row">
                                            <label class="col-sm-2 col-form-label text-right">{{ trans('lang.company_policy_files') }}</label>
                                            <div class="col-sm-10">
                                                <ul id="file-list">
                                                    @foreach(explode(',', $company_setting->company_policy) as $policy)
                                                        <li>
                                                            @php
                                                                $file_extension = pathinfo($policy, PATHINFO_EXTENSION);
                                                            @endphp

                                                            @if(in_array(strtolower($file_extension), ['pdf']))
                                                                <i class="fas fa-file-pdf fa-2x"></i>
                                                            @elseif(in_array(strtolower($file_extension), ['xls', 'xlsx']))
                                                                <i class="fas fa-file-excel fa-2x"></i>
                                                            @else
                                                                <i class="fas fa-file fa-2x"></i>
                                                            @endif

                                                            <a href="{{ asset('files/setting/' . $policy) }}" target="_blank">{{ $policy }}</a>

                                                            <!-- Delete Button (NO FORM, to prevent conflicts) -->
                                                            <form id="delete-form-{{ $policy }}" method="POST" action="{{ route('deleteCompanyPolicy') }}">
                                                                @csrf
                                                                @method('POST')
                                                                <input type="hidden" name="file_name" value="{{ $policy }}">
                                                                <button type="submit" class="delete-btn" data-file="{{ $policy }}">
                                                                    <i class="fas fa-trash-alt"></i>
                                                                </button>
                                                            </form>
                                                        </li>
                                                    @endforeach
                                                </ul>

                                            </div>
                                        </div>
                                @endif



                            </div>



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

                </div>


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

        $(document).ready(function(){
            $('#sample_form').on('submit', function(event) {
                event.preventDefault();

                $.ajax({
                    url: "{{ route('company_setting.update') }}",
                    method: "POST",
                    data: new FormData(this),
                    contentType: false,
                    cache: false,
                    processData: false,
                    dataType: "json",
                    success: function(data) {
                        var html = '';
                        if (data.success) {
                            html = '<div class="alert alert-success">' + data.success + '</div>';
                            $('#sample_form')[0].reset();
                            $('#branch-table').DataTable().ajax.reload();
                        }
                        $('#message-box').html(html);  // Display success message in the message-box div
                    },
                    error: function(xhr, status, error) {
                        var html = '<div class="alert alert-danger">Error: ' + error + '</div>';
                        $('#message-box').html(html);  // Display error message in the message-box div
                        location.reload();
                    }
                });
            });

            $('.delete-btn').click(function(event){
                event.preventDefault(); // Stop default form submission

                let fileName = this.getAttribute("data-file"); // Ensure this is getting the correct value
                let listItem = this.closest("li");

                if (fileName && confirm("Are you sure you want to delete this file?")) {
                    $.ajax({
                        url: "{{ route('deleteCompanyPolicy') }}",
                        method: "POST",
                        headers: {
                            "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').getAttribute("content"),
                            "Content-Type": "application/json"
                        },
                        data: JSON.stringify({ file_name: fileName, _method: "POST" }) // Ensure correct field name and body format
                    })
                        .done(function(data) {
                            if (data.success) {
                                listItem.remove();
                                alert("File deleted successfully!");
                            } else {
                                alert("Error: " + data.error);
                            }
                        })
                        .fail(function(error) {
                            console.error("Error:", error);
                            alert("An error occurred while trying to delete the file.");
                        });
                }
            });



        });

    </script>
@endsection

@section('scripts')
    <script src="{{ asset('plugins/dropify/js/dropify.min.js') }}"></script>
    <script src="{{ asset('assets/pages/jquery.form-upload.init.js') }}"></script>
@endsection