@extends('layouts/contentLayoutMaster')

@section('title', 'Company')

@section('vendor-style')
    <link rel="stylesheet" href="{{ asset(mix('vendors/css/extensions/toastr.min.css')) }}">
@endsection
@section('page-style')
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/extensions/ext-component-toastr.css')) }}">
@endsection

@section('content')
    <div class="card">
        <div class="card-header">
            <!--<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#Add-New-Branch">Add New Branch</button>-->
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Company</th>
                            <th>Name</th>
                            <th>Email</th>
                            <th>Contact</th>
                            <th>Website</th>
                            <th>Pan</th>
                            <th>GST</th>
                            <th>Aadhar</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                       
                            <tr>
                                <td>{{ $company->company_name }}</td>
                                <td>{{ $company->first_name.' '.$company->surname }}</td>
                                <td>{{ $company->primary_email }}</td>
                                <td>{{ $company->contact_1 }}</td>
                                <td>{{ $company->website }}</td>
                                <td>{{ $company->pan_no }}</td>
                                <td>{{ $company->gst_no }}</td>
                                <td>{{ $company->adhaar_no }}</td>
                                <td><button type="button" class="btn btn-success"  data-bs-toggle="modal" data-bs-target="#edit_company">Edit</button></td>
                            </tr>
                      
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    
    
    
    <div class="modal fade text-start" id="edit_company" tabindex="-1" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <form id ="company_edit">
                    <div class="modal-header">
                      <h4 class="modal-title" id="myModalLabel17">Edit Details</h4>
                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        
                        <div class="row">
                            <input type="hidden" id="id" value="{{ $company->id }}" name="id">
                            <div class="col-md-6">
                                <label>Company Name</label><input type="text" id="company_name" class="form-control mb-2" name="company[company_name]" value="{{ $company->company_name }}"> 
                            </div>
                            <div class="col-md-6">
                                <label>First Name</label><input type="text" id="first_name" class="form-control mb-2" name="company[first_name]" value="{{ $company->first_name }}">
                            </div>
                            <div class="col-md-6">
                                <label>Surname</label><input type="text" id="surname" class="form-control mb-2" name="company[surname]" value="{{ $company->surname }}">
                            </div>
                            <div class="col-md-6">
    
                                <label>Email</label><input type="email" id="primary_email" class="form-control mb-2" name="company[primary_email]" value="{{ $company->primary_email }}">
                            </div>
                            <div class="col-md-6">
                                <label>Contact No</label><input type="contact_1" id="contact_1" class="form-control mb-2" name="company[contact_1]" value="{{ $company->contact_1 }}">
                            </div>
                            <div class="col-md-6">
                                <label>Website</label><input type="text" id="website" class="form-control mb-2" name="company[website]" value="{{ $company->website }}">
                            </div>
                            <div class="col-md-6">
                                <label>GST No.</label><input type="text" id="gst_no" class="form-control mb-2" name="company[gst_no]" value="{{ $company->gst_no }}">
                            </div>
                            <div class="col-md-6">
                                <label>Pan No.</label><input type="text" id="pan_no" class="form-control mb-2" name="company[pan_no]" value="{{ $company->pan_no }}">
                            </div>
                            <div class="col-md-6">
                                <label>Adhar No.</label><input type="number" id="adhaar_no" class="form-control mb-2" name="company[adhaar_no]" value="{{ $company->adhaar_no }}">
                            </div>
                            <div class="col-md-6">
                                <label>Profile Image</label><input type="file" id="profile_image" class="form-control mb-2" name="profile_img">
                                <img src="{{ url($company->logo) }}">
                            </div>
                        </div>
                        
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-primary" onclick="js:updateCompanyDetails('{{ $token }}')">Save</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('vendor-script')
    <script src="{{ asset(mix('vendors/js/extensions/toastr.min.js')) }}"></script>
@endsection

@section('page-script')
    <script src="{{ asset(mix('js/scripts/custom/common.js')) }}"></script>
    <script>
        function updateCompanyDetails(token){
            console.log('reached here');
            var formData = new FormData(document.getElementById("company_edit"));
            try{
            $.ajax({
                url: "/api/company/updateCompanyDetails",
                type: "post",
                dataType: 'json',
                headers: {
                    'Authorization': 'Bearer '+token
                },
                //data:$('form').serialize(),
                data:formData,
                async: false,
                cache: false,
                contentType: false,
                enctype: 'multipart/form-data',
                processData: false,
                success: function(response){
                    //console.log(JSON.stringify(response));
                    if(response.status == true){
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                response.msg,
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                    location.reload();
                    }
                    else{
                        
                        //console.log(response.error);
                        $.each(response.error, function (key, val) {
                                console.log('key = '+key+'val = '+val);
                                $('#'+key+'_error').text(val[0]);
                            });
                        setTimeout(function () {
                            toastr["success"](
                                "",
                                response.msg,
                                {
                                    closeButton: false,
                                    tapToDismiss: false,
                                    rtl: "rtl",
                                }
                            );
                        }, 2000);
                    }
                    
                },
                fail:function(response){
                    console.log('in fail = '+response);
                }
            });
        }catch(e){
            console.log(e);
        }
        }
    </script>
@endsection