@extends('admin.layouts.master')
@section('content')
    <style>
        .custom-checkbox-for-payment{
            width: 35px;
            margin-right: 12px;
        }
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            background-color: #007bff;
        }
        .img-wrap {
            position: relative;
        }

        .img-wrap #remove_logo {
            position: absolute;
            top: 5px;
            left: 125px;
            z-index: 100;
            color: black;
            cursor:pointer;
        }
        .img-wrap img{
            border: 1px solid #ccc;
            cursor:pointer;
        }
        .hide{
            display:none;
        }
    </style>
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">Partners</h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
                        <li class="breadcrumb-item active"><a href="{{asset(route('partner'))}}">Partner</a></li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
    <div class="container-fluid">
        @if(session()->has('success'))
            <div class="alert alert-success">
                {{ session()->get('success') }}
            </div>
        @endif
        @if(session()->has('error'))
            <div class="alert alert-danger">
                {{ session()->get('error') }}
            </div>
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Add Partner</h3>
                    </div>
                    <form role="form" method="post" action="{{!isset($partner['name']) ? route('partner.store') : route('partner.update',$partner['id'])}}" enctype="multipart/form-data">
                        @csrf
                        @if(isset($partner['name']))
                            <input type="hidden" id="partner_id" value="{{$partner['id']}}" />
                            {{ method_field('PUT') }}
                        @endif
                        <div class="card-body">
                            <div class="form-group">
                                <label for="exampleInputEmail1">Name</label>
                                <input type="text" class="form-control" id="name" name="name" required placeholder="Enter Partner Name" value="{{ old('name', $partner['name']) }}">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Subdomain</label>
                                <input type="text" class="form-control" id="subdomain" name="subdomain" required placeholder="Enter Subdomain" value="{{ old('subdomain', $partner['subdomain']) }}">
                            </div>
                            <div class="form-group">
                                <label>Active</label>
                                <select class="form-control select2" style="width: 100%;" name="status" required>
                                    <option value="1" {{(isset($partner['status']) && $partner['status'] == 1) ? "selected" : ""}} selected>Yes</option>
                                    <option value="0" {{(isset($partner['status']) && $partner['status'] == 0) ? "selected" : ""}}>No</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label>Therapists</label>
                                <select required class="form-control select2" multiple="multiple" style="width: 100%;" name="therapist_id[]">
                                    @php $assignedTherapist = explode(",",$partner['therapists']) @endphp
                                    @foreach($therapists as $key => $row)
                                        <option value="{{$row->user_id}}" {{$assignedTherapist && in_array($row->user_id,$assignedTherapist) ? "selected" : ""}}>{{$row->first_name}} {{$row->last_name}}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="form-group">
                                <div class="img-wrap">
                                    <span id="remove_logo" class="{{isset($partner) && $partner->partner_logo ? '' : 'hide'}}"><i class="far fa-trash-alt"></i></span>
                                    @php $logo_src = isset($partner) && $partner->partner_logo ? $partner->partner_logo : asset('admin_assets/img/upload_logo.jpg') @endphp
                                    <img id="logo_display" src="{{$logo_src}}" width="150" height="150" />
                                </div>
                                <input style="display:none;" type="file" name="partner_logo" id="partner_logo" />
                            </div>
                            <div class="form-group">
                                <div class="row">
                                        <div class="col-3">
                                            <div class="form-check form-check-inline">
                                                <input id="checkbox3"  {{ $partner['enable_voucher_plan']==1?'checked':'' }} value="1" name="enable_voucher_plan" class="form-control custom-checkbox-for-payment" type="checkbox" >
                                                <label for="checkbox3" style="font-weight: normal">Enable Voucher Plan </label>
                                            </div>

                                            {{--                                <input type="checkbox" class="form-control" id="subdomain" name="subdomain" required placeholder="Enter Subdomain" value="{{ old('subdomain', $partner['subdomain']) }}">--}}
                                        </div>

                                </div>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail1">Payment Plans</label>
                                <div class="row">
                                    @foreach($plans as $plan)

                                        <div class="col-3">
                                            <div class="form-check form-check-inline">
                                                <input id="checkbox3"  {{ in_array($plan->id,$plan_ids)?'checked':'' }} value="{{$plan->id}}" name="plans[]" class="form-control custom-checkbox-for-payment" type="checkbox" >
                                                <label for="checkbox3" style="font-weight: normal"> {{$plan->plan_name}} ({{ $plan->currency }}) </label>
                                            </div>

                                            {{--                                <input type="checkbox" class="form-control" id="subdomain" name="subdomain" required placeholder="Enter Subdomain" value="{{ old('subdomain', $partner['subdomain']) }}">--}}
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
<script>
    $("#partner_logo").change(function(){
        display(this);
        $("#remove_logo").removeClass("hide");
    })

    $("#logo_display").click(function(){
        $("#partner_logo").trigger("click");    
    });

    $("#remove_logo").click(function(event){
        if (confirm('Are you sure you want to delete?')) {
            var partner_id = $("#partner_id").val();
                if(typeof partner_id != "undefined"){
                    $.ajax({
                    url: base_path + "admin/partner/remove-logo",
                    method:"POST",
                    data: {partner_id:partner_id},
                    success: function (result) {
                        $("#logo_display").attr('src',base_path+"/admin_assets/img/upload_logo.jpg");
                    }
                });
            } 
            $("#logo_display").attr('src',base_path+"/admin_assets/img/upload_logo.jpg");
            $("#partner_logo").val('');
        }
    })

    function display(input) {
       if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function(event) {
             $('#logo_display').attr('src', event.target.result);
          }
          reader.readAsDataURL(input.files[0]);
       }
    }   
</script>
@endsection