@extends('admin.layouts.master')
@section('page_title')
    Profile
@endsection

@push('styles')
    <!--suppress HtmlFormInputWithoutLabel -->
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.css" />
    <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid-theme.min.css" />
    <link rel="stylesheet" href="{{asset('assets/examples/css/pages/profile.min3f0d.css?v2.2.0')}}">
@endpush

@section('page_content')
    <div class="page-content container-fluid">
        <div class="row">

            <div class="col-md-12">
                <div class="panel">
                    <div class="panel-body nav-tabs-animate nav-tabs-horizontal">

                        <form method="{{session()->get('access') == '2' ?  'post' : ''}}" enctype="multipart/form-data" class="registration lato">
                            @if(count($errors)>0)
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach($errors->all() as $error)
                                            <li>
                                                {{$error}}
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif

                            @if(session('success'))
                                <div class="alert alert-success">
                                    <ul>
                                        <li>{{ session('success') }}</li>
                                    </ul>
                                </div>
                            @endif

                            {{csrf_field()}}
                            <h3>
                                Company Registration
                            </h3>
                            <hr>

                            <div class="form-group col-md-12 text-center">
                                <label for="inputEmail4"><strong>Register As <em class="text-danger">*</em></strong></label>
                                <div class="row">
                                    <div class="col-md-4 col-md-offset-4">
                                        @php $var = $company->users->role->name; @endphp
                                        <select class="form-control" required name="register_as">
                                            <option></option>
                                            <option value="user" {{$var == 'user' ? 'selected' : ''}}>Client</option>
                                            <option value="reseller" {{$var == 'reseller' ? 'selected' : ''}}>Reseller</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="inputEmail4">Name Of Company <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control"  value="{{old('name',$company->name)}}" name="name" placeholder="">
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="inputEmail4">Date of Incorporation <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control pick-me"  value="{{old('date_of_incorporation',$company->date_of_incorporation)}}" name="date_of_incorporation" placeholder="">
                                    </div>


                                    <div class="form-group col-md-6">
                                        <label for="inputEmail4">Legal Status <em class="text-danger">*</em></label>
                                        @php $var = old('legal_status',$company->legal_status) @endphp
                                        <select class="form-control" required name="legal_status">
                                            <option></option>
                                            <option value="LCA/MNO" {{$var == 'LCA/MNO' ? 'selected' : ''}}>LCA/MNO</option>
                                            <option value="SME" {{$var == 'SME' ? 'selected' : ''}}>SME</option>
                                            <option value="PUBLIC" {{$var == 'PUBLIC' ? 'selected' : ''}}>PUBLIC</option>
                                        </select>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="inputAddress">Nature Of Business <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control"  value="{{old('nature_of_business',$company->nature_of_business)}}" name="nature_of_business" placeholder="nature_of_business">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="inputAddress2">Postal Address <em class="text-danger"></em></label>
                                        <input type="text" class="form-control" value="{{old('postal_address',$company->postal_address)}}" name="postal_address" placeholder="postal_address">
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="inputCity">Business Address <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control" value="{{old('physical_address',$company->physical_address)}}" name="physical_address" maxlength="15" placeholder="Business Address" required>
                                    </div>



                                    <div class="form-group col-md-6">
                                        <label for="inputState">Company Phone number <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control" name="company_phone_number" value="{{old('company_phone_number',$company->company_phone_number)}}" placeholder="Company Phone number">
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="inputAddress2">Location In Other Countries <em class="text-danger"></em></label>
                                        <textarea class="form-control" name="location_in_other_countries" rows="2">{{old('location_in_other_countries',$company->location_in_other_countries)}}</textarea>
                                    </div>

                                    <div class="form-group col-md-6">
                                        <label for="mobile_money_number">Mobile Money Number <em class="text-danger">*</em></label>
                                        <input  id="mobile_money_number" type="text" class="form-control " name="mobile_money_number" value="{{old('mobile_money_number',$company->mobile_money_number)}}" placeholder="Mobile Money Number" required>
                                        <span class="text-danger"><i>For credit purchasing</i></span>
                                    </div>


                                    <div class="form-group col-md-6">
                                        <label for="inputState">Website Url <em class="text-danger"></em></label>
                                        <input  id="inputState" type="text" class="form-control " name="website_url" value="{{old('website_url',$company->users->website_url)}}" placeholder="Company Website url">
                                        <span>i.e www.abc.com</span>
                                    </div>

                                </div>
                            </div>



                            <h4>Documents <em class="text-danger">*</em></h4>
                            <hr>

                            <div class="row">
                                <div class="form-row">
                                    <div class="form-group">
                                        <div class="form-group col-md-6">
                                            <label for="inputState">Business Registration Document   <em class="text-danger">*</em></label>
                                            <input type="file" class="form-control"  name="business_document">
                                            <br>
                                            <a class="btn btn-primary btn-xs" style="background-color: #ffcb05; color: #000;" href="{!! asset('storage/business_doc/'.$company->business_document) !!}" download>{{$company->business_document}}</a>
                                            <a class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i></a>

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="form-group col-md-6">
                                            <label for="inputState">Sender ID Letter Head   <em class="text-danger">*</em></label>
                                            <input type="file" class="form-control"  name="sender_id_document">
                                            <br>
                                            <a class="btn btn-primary btn-xs" style="background-color: #ffcb05; color: #000;" href="{!! asset('storage/sender_docs/'.$company->sender_id_document) !!}" download>{{$company->sender_id_document}}</a>
                                            <a class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <hr>
                            <h4>Add Sender IDs <em class="text-danger">*</em></h4>
                            <div class="row">
                                <div class="form-row">
                                    <div class="form-group col-md-12">
                                        <div id="sender-ids">
                                        </div>
                                        <input type="hidden" id="sender_ids" name="sender_ids" value="{{ old('sender_ids') }}" />

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


                            <h4>Contact Person Information <em class="text-danger">*</em></h4>
                            <hr>

                            <div class="row">
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label for="inputState">Name   <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control" value="{{old('contact_person',$company->contact_person)}}" name="contact_person" placeholder="Contact Person's name">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="inputState">Designation  <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control" value="{{old('contact_person_designation',$company->contact_person_designation)}}" name="contact_person_designation" placeholder="Designation">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="inputState">Phone Number <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control" value="{{old('contact_person_phone',$company->contact_person_phone)}}" name="contact_person_phone" placeholder="Contact Person's phone">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="inputState">Email  <em class="text-danger">*</em></label>
                                        <input type="text" class="form-control" value="{{old('contact_person_email',$company->contact_person_email)}}" name="contact_person_email" placeholder="Contact Person's email">
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="inputState">ID  (voters/driver’s license,SSNIT,Passport,NHIS)<em class="text-danger"></em></label>
                                        <input type="file" class="form-control" value="{{old('contact_person_id')}}" name="contact_person_id" placeholder="Contact Person  Id">
                                        <br>
                                        <a class="btn btn-primary btn-xs" style="background-color: #ffcb05; color: #000;" href="{!! asset('storage/contact_person/'.$company->contact_person_id) !!}" download>{{$company->contact_person_id}}</a>
                                        <a class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i></a>
                                    </div>
                                </div>
                            </div>

                            <hr>
{{--                            <h4>Name of Directors <em class="text-danger">*</em></h4>--}}
{{--                            <div class="row">--}}
{{--                                <div class="form-row">--}}
{{--                                    <div class="form-group col-md-12">--}}
{{--                                        <div id="directors">--}}
{{--                                        </div>--}}
{{--                                        <input type="hidden" id="items" name="items" value="{{ old('items') }}" />--}}
{{--                                    </div>--}}
{{--                                </div>--}}
{{--                            </div>--}}

                            <div class="form-row text-center {{in_array(session()->get('access'),[1,2]) ?  'hidden' : 'hidden'}}">
                                <div class="col-md-12 {{in_array($company->company_status->status,[1,2]) ? '' : 'hidden'}}">
                                    <button type="submit" class="btn btn-primary"><i class="fa fa-plus-circle"></i> Save Changes</button>
                                    <a  class="btn btn-success" href="{{route('admin.root.company.approval.second',['id'=>$company->id])}}"><i class="fa fa-check-circle"></i> Approve</a>
                                    <a  class="btn btn-danger" onclick="return   swal({ title: 'Are you sure?',  text: 'Are you sure you want to reject this request ?', icon: 'warning',
                                          buttons: true,  dangerMode: true,}).then((willDelete) => { if (willDelete) {
                                           swal('Add Comment here:', {
                                             content: 'input',
                                           })
                                    .then((value) => {
                                       let route  = '{{route('admin.root.company.rejection',['id'=>$company->id,'comment'=>'value'])}}';
                                              route = route.replace('value',value);
                                              window.location.replace(route);
                                           });
                                         } else {}});
                                            ">
                                        <i class="fa fa-times-circle"></i> Reject</a>
                                </div>
                            </div>


                                <div class="form-row text-center {{in_array(session()->get('access'),[1,2]) ?  '' : 'hidden'}}">
                                    <div class="col-md-12 {{in_array($company->company_status->status,[1,2]) ? 'hidden' : ''}}">
                                        <button type="submit" class="btn btn-primary" style="background-color: #000; color: #ffcb05;"><i class="fa fa-plus-circle"></i> Save Changes</button>
                                        <a  class="btn btn-success" href="{{route('admin.root.company.approval.first',['id'=>$company->id])}}" style="background-color: #ffcb05; color: #000;"><i class="fa fa-check-circle"></i> Approve</a>
                                        <a  class="btn btn-danger" onclick="return   swal({ title: 'Are you sure?',  text: 'Are you sure you want to reject this request ?', icon: 'warning',
                                                buttons: true,  dangerMode: true,}).then((willDelete) => { if (willDelete) {
                                                swal('Add Comment here:', {
                                                content: 'input',
                                                })
                                                .then((value) => {
                                                let route  = '{{route('admin.root.company.rejection',['id'=>$company->id,'comment'=>'value'])}}';
                                                route = route.replace('value',value);
                                                window.location.replace(route);
                                                });
                                                } else {}});
                                                ">
                                            <i class="fa fa-times-circle"></i> Reject</a>
                                    </div>
                                </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.3/jsgrid.min.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script>

        var sends = {!! $sends !!};
        var dirs = {!! $dirs !!};


        $("#directors").jsGrid({
            width: "100%",
            height: "250px",

            inserting: true,
            editing: true,
            sorting: true,
            paging: true,

            data: dirs,

            fields: [
                { name: "name", type: "text", width: 50, validate: "required" },
                { name: "designation", type: "text", width: 50 },
                { type: "control" }
            ]
        });

        $("#sender-ids").jsGrid({
            width: "100%",
            height: "250px",

            inserting: true,
            editing: true,
            sorting: true,
            paging: true,

            data: sends,

            fields: [
                { name: "name", type: "text", width: 50, validate: "required", valueField: "id" },
                { type: "control" }
            ]
        });


        $('.registration').on('submit', function() {
            grid = $("#directors").jsGrid("option", "data");
            grid2 = $("#sender-ids").jsGrid("option", "data");
            $('#items').val(JSON.stringify(grid));
            $('#sender_ids').val(JSON.stringify(grid2));
        });
    </script>
@endpush