@extends('Admin.components.layout')
@section('title')
    Trigger
@endsection
@section('subtitle')
    Add Trigger
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row mt-2">
            <div class="col-12">
                <div class="card  p-3">
                    <div class="card-body ">
                        @if ($errors->any())
                            <div class="row">
                                <div class="col-sm-6 col-sm-offset-3">
                                    {!! implode('', $errors->all('<div class="alert alert-danger">:message</div>')) !!}
                                </div>
                            </div>
                        @endif
                        <form action="{{ route('admin.trigger.store') }}" method="POST" name="form" id="form"
                            enctype="multipart/form-data">
                            {{ csrf_field() }}
                            <input type="hidden" name="id"
                                @isset($trigger)
                                value="{{ encrypt($trigger->id) }}"
                                @endisset>
                            <div class="form-body" id="dvOuterOld">
                                <div class="form-group mb-0">
                                    <label class="control-label col-md-3">Name in English
                                    </label>
                                    <div class="">
                                        <input type="text" id="name" name="name" placeholder="Enter Name"
                                            class="form-control" value="{{ isset($trigger->name) ? $trigger->name : '' }}">
                                        <label id="nameLableeng" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group mb-0">
                                    <label class="control-label col-md-3">Name in Other Language
                                    </label>
                                    <div class="">
                                        <input type="text" id="namewelsh" name="namewelsh"
                                            placeholder="Enter Name in Other Language"
                                            class="form-control"value="{{ isset($trigger->name_welsh) ? $trigger->name_welsh : '' }}">
                                        <label id="nameLablewelsh" style="color: red"></label>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="my-3 ">
                                        <label class="control-label col-md-3">Image
                                        </label>
                                        <input type="file" id="image" name="image" class="form-control">
                                        @if (isset($trigger->image) && isset($trigger->image))
                                            <img src="{{ s3Url(TRIGGER_PATH . $trigger->image) }}" alt=""
                                                id="img" name="img" class="w-25 h-25 mt-2">
                                        @endif
                                        <label id="imageLable" style="color: red"></label>

                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="my-3 ">
                                        <label class="control-label col-md-3">Logo
                                        </label>
                                        <input type="file" id="logo" name="logo" class="form-control">
                                        @if (isset($trigger->logo) && isset($trigger->logo))
                                            <img src="{{ s3Url(TRIGGER_PATH . $trigger->logo) }}" alt=""
                                                id="img" name="img" class="w-25 h-25 mt-2">
                                        @endif
                                        <label id="logoLable" style="color: red"></label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions">
                                <div class="row">
                                    <div class="col-md-offset-3 col-md-9">
                                        <button type="button" class="btn  btn-success" id="form_btn"><i
                                                class=""></i>
                                            Add</button>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script nonce="{{ $cspNonce }}">
        // form validation
        $("#form_btn").click(function(event) {
            $(".nameLableeng").text("");
            $(".nameLablewelsh").text("");
            $(".imageLable").text("");
            $(".logoLable").text("");
            var name = document.getElementById('name');
            var namewelsh = document.getElementById('namewelsh');
            var image = document.getElementById('image');
            var logo = document.getElementById('logo');
            var temp = 0;
            if (name.value == "") {
                $("#nameLableeng").text("Please Enter Name in English");
                temp = 1;
            } else {
                $("#nameLableeng").text("");
            }
            if (namewelsh.value == "") {
                $("#nameLablewelsh").text("Please Enter Name in Second Language");
                temp = 1;
            } else {
                $("#nameLablewelsh").text("");
            }
            @if (isset($trigger))
            @else
                if (image.value == "") {
                    $("#imageLable").text("Please select image");
                    temp = 1;
                } else {
                    $("#imageLable").text("");
                }
                if (logo.value == "") {
                    $("#logoLable").text("Please select logo image");
                    temp = 1;
                } else {
                    $("#logoLable").text("");
                }
            @endif
            if (temp != 1) {
                document.getElementById("form").submit()
            }
        });
    </script>
@endsection